وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

Become a WEB Developer from Scratch, step by step Guide

سرفصل های دوره

If you wish to see what Web Development means and try it, what can you build with and how - you are in the right place.


1. Introduction
  • 1. About this course
  • 2. Demo time

  • 2. HTML Concepts we must know
  • 1. The need of html TAGS
  • 2. Lists
  • 3. Tables
  • 4.1 Prettier - Code formatter (marketplace).html
  • 4. Prettier - Code formatter
  • 5.1 Most Used Shortcuts.html
  • 5. Code indent & troubleshooting
  • 6. Images, Links and Forms
  • 7. More about Forms and type of inputs
  • 8.1 Presentation link.html
  • 8.2 web-intro-presentation Code.html
  • 8. Inspect elements from web sites
  • 9.1 Colors Hexadecimal (w3schools).html
  • 9. Attributes & Styling elements in HTML

  • 3. CSS Concepts we must know
  • 1.1 VSCode Browser Sync (marketplace).html
  • 1. HTML Standard document and Browser Sync
  • 2. CSS Selectors
  • 3. Menu with Css Layout
  • 4.1 CSS Units (w3schools).html
  • 4. Inspect css from other sites
  • 5.1 A Complete Guide to Flexbox (css-tricks.com).html
  • 5. Flexbox Layout
  • 6. Apply Flexbox Layout in our page
  • 7. Grid Layout example
  • 8. Grid Layout for Rubiks Cube Face
  • 9. Final css for our site

  • 4. JS Fundamentals
  • 1. DHTML Demo
  • 2.1 JavaScript Variables (w3schools).html
  • 2. Variables
  • 3. Objects Variables
  • 4. Functions
  • 5. JSON objects with Functions inside
  • 6. JS EventListeners (interact with our menu)

  • 5. Git (Version Control System)
  • 1. Save our code on github.com
  • 2. Make changes and use git to track those changes
  • 3.1 httpsgithub.comnmateinmatei.github.iotreeudemy.html
  • 3. Make our site public (live)

  • 6. Create elements using js (DHTML)
  • 1. Using global variables
  • 2. Add event listeners on parent elements
  • 3. querySelector with attributes
  • 4. Using Array.map to create skills list
  • 5. Use array with json objects inside
  • 6. Making requests to load data (Fetch)
  • 7. Sorting skills based on number of endorsements
  • 8. Recap
  • 9.1 github.comnmateiweb-intro-presentation.html
  • 9. Basic Es5 vs Es6

  • 7. Basic JS Quiz & Homework
  • 1. Basic string functions
  • 2.1 github.comnmateisimple-quiz-app.html
  • 2. Basic JS Quiz
  • 3. JSON Intro Quiz

  • 8. Starting new app and make it fully functional
  • 1.1 github.comnmateiteams-networkingtreeudemy.html
  • 1. Create new git repository
  • 2.1 web-intro-presentationjs.html
  • 2. Initialize project to use Prettier
  • 3. Init project to use npm
  • 4.1 package.zip
  • 4.2 webpack.config.zip
  • 4. Configure project to use webpack
  • 5. Change the way we import js and css
  • 6. Create HTML and CSS structure (layout)
  • 7. Create static table and make it look nice
  • 8. Load teams with js from teams.json
  • 9. Render items using string template
  • 10. Create toolbar layout
  • 11. Load data from node-API
  • 12. Static form for create team
  • 13. Update docs how to start the project
  • 14. Create team request
  • 15. Wait until request is done then reload the page
  • 16. Delete team request
  • 17. Update team request (array.find)
  • 18. Fixing missing parts of edit flow
  • 19. Search teams (using array.filter)

  • 9. More Javascript concepts
  • 1. Logical NOT (!) and ternary operator
  • 2. Pure functions
  • 3. Improve user experience for create team flow
  • 4. Improve user experience for delete team flow
  • 5. Object reference and mutations
  • 6. Improve renderTeams function (array.every)
  • 7. Spread operator
  • 8. Spread on json objects
  • 9. Destructuring assignment
  • 10. Rest parameter
  • 11. Fetch and promises
  • 12. Using promises with async & await
  • 13. Import and use lodashdebounce
  • 14. Code split in multiple js files (utilities, middleware)
  • 15.1 loading-mask.zip
  • 15. CSS Loading Mask
  • 16. Use loading mask in all places
  • 17. Select multiple teams (static parts)
  • 18. Selectunselect all teams
  • 19. Remove selected teams (final part)
  • 20. Update readme & cleanups
  • 21. Homework
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

    در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 18962
    حجم: 11914 مگابایت
    مدت زمان: 1270 دقیقه
    تاریخ انتشار: ۲۰ شهریور ۱۴۰۲
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید