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

“OpenAI API & ChatGPT for Automating & Business Productivity” به سبد خرید شما اضافه شد. مشاهده سبد خرید

139,000 تومان

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

خرید دانلودی فوری

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

تولید کننده: Udemy