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

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 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

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

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

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