Web Development Bootcamp 2023 HTML CSS JS React Node MongoDB

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

[With 7 PDF Booklet] All in One Web Developer Bootcamp to Learn Coding Full Stack Web Apps Front to Back DB & API

1. Introduction to Web Development

1. Course Introduction

2. What is Web Development

3. What are the roles of a Web Developer

4. Difference between Frontend, Backend and Full Stack Web Developer

5. Path to become a Full Stack Web Developer

6. Why learn JavaScript

7. Code editor setup

8.1 1 HtmlCss.pdf

8.2 2 Bootstrap.pdf

8.3 3 Javascript.pdf

8.4 4 NodeJs.pdf

8.5 5 ReactJs.pdf

8.6 6 NextJs13.pdf

8.7 7 FullStackJS.pdf

8. Download 7 PDF Booklets.html

9.1 web dev bootcamp source code.zip

9. Download All Projects Source Code.html

2. HTML And CSS

1. Headings and paragraphs

2. Vs code plugins and themes

3. HTML document and head section

4. Using CSS stylesheet

5. Writing CSS

6. Learning tips and writing comments

7. Using Google fonts

8. Display image on HTML page

9. Media queries CSS for responsive images

10. Margins and paddings

11. HTML list items

12. Clickable links

13. Border styling and hover effects

14. Text shadow and background color

15. Image as background

16. Parallax image background

17. Gradient color background

18. HTML form

19. Styling HTML form

20. Using icons

21. HTML header and footer

3. Bootstrap CSS Framework

1. Bootstrap CSS framework

2. Using Bootstrap via CDN

3. Downloading Bootstrap (optional)

4. Containers, rows and columns

5. Columns styling, offset, background, margin and padding

6. Styling divs and texts using margin, padding and colors

7. Responsive images

8. Buttons and lists

9. Bootstrap forms

10. Bootstrap tables

11. Bootstrap navigation menu

12. Bootstrap carousel image slider

13. Bootstrap popup modal

4. Github

1. Using Github

2. Push and pull code with Github

3. Static website hosting with Github

4. Push code changes

5. Using Bootstrap themes

5. JavaScript

1. What is JavaScript

2. JavaScript in HTML

3. Different ways of creating variables

4. String manipulation

5. Doing math with numbers

6. JavaScript objects

7. Display object info on the page

8. JavaScript operators

9. If else statements

10. Loops in JavaScript

11. Object info display using for-in loop

12. Functions in JavaScript

13. Arrow functions

14. Greeting app

15. Template literals

16. Arrays in JavaScript

17. Display array item in HTML

18. Working with object

19. new Keyword, constructor function and prototype

20. Classes in JavaScript

21. Regular expressions

22. BOM - Browser object model

23. DOM - Document object model

6. Projects using JavaScript, jQuery And VueJs

1. Project overview

2. Todo app with plain JavaScript

3. Todos render, delete and save in local storage

4. Tasks project using jQuery

5. Tasks display, store and remove using jQuery

6. Todo app with VueJs overview

7. Vuejs todo app create, read and delete

7. NodeJs

1. Installing NodeJs

2. Browser vs NodeJs environment

3. Module exports and require

4. Using NodeJS core module

5. Using NPM packages

6. Create express server

7. Continuously running NodeJs server

8. NodeJs event loop explained

9. NodeJs event loop in action

10. Synchronous vs Asynchronous programming

8. ReactJs with NextJs

1. What is React

2. Why learn React and NextJs

3. Setup React and NextJs project

4. React component

5. Passing properties and default parameters

6. useState hook and spread operator

7. Using NPM packages with React

8. useEffect hook to make API calls

9. Conditional rendering, state changes and inline styling

10. Breaking code into reusable components

11. NextJs custom App component

12. Using CSS files

13. Serving images

14. Global state using React Context

15. Route queries

16. Fetch request based on route query

17. Client vs server side rendering

18. Fetch data using server side rendering

19. Head section for meta content

20. Using CDN links

9. NextJs 13 with App Directory

1. NextJs 13 with App directory

2. NextJs 13 setup with page layout

3. Data fetching inside App directory server components

4. Route params inside App directory

5. Loading in App directory

6. Client components in App directory

7. Error - Text did not match server

10. API Development with NodeJs And MongoDB

1. Welcome to Full Stack JavaScript

2. NodeJS server setup

3. Routes log view using morgan

4. Connect to MongoDB

5. Working with routes

6. Working with controllers

7. POST request and JSON data

8. Create User model

9. Password hashing and compare

10. Save user in MongoDB

11. Validation on user registration

12. JWT - Json web token

13. Login user

14. Protecting route for logged in user

15. Admin middleware

16. Blog Schema

17. Form data on blog create

18. Validation on blog create

19. Create blog with image upload

20. Access uploaded images

21. Getting single blog by route params slug

22. Getting all blogs with user info

23. Update blog and image

24. Blog Delete

25. Resize image

26. CORS - Cross origin resource sharing

11. Frontend Web Development with ReactJs And NextJs

1. NextJs React app setup

2. Creating navigation

3. Register page

4. Register success

5. Global state using Context and Local Storage

6. Login page

7. Conditional rendering and logout

8. Role based redirect

9. Protected admin pages

10. Protected user pages

11. Blog create form using rich text editor

12. Blog create API request

13. Fetch blogs in server rendered page

14. Blog cards

15. Single blog view

16. Blog view with details and metadata

17. Using react icons

18. Loading page

19. Blogs list for admin

20. Blog delete by admin

21. Blog edit page

22. Blog update by admin

23. Wrap up

24. Push code to Github

25. Create NGINX server in Digital Ocean

26. Running full stack app in Digital Ocean

27. NextJS caching and render html issues fix

139,000 تومان

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

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

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

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