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

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 تومان
    افزودن به سبد خرید