FrontEnd.md

FrontEnd Road

Basics of internet

- How does the internet work
* What is HTTP 
* Browsers and how they work
* DNS and how does it work
* What is hosting

Html

• Vedio
  • Tutorial --> https://www.w3schools.com/html/

Html task

* Form (with all input types)

Css

• Vedio
  • Tutorial --> https://www.w3schools.com/css/

Css Task

* Build a house using html / css

Javascript

• Vedio
  • Tutorial --> https://www.w3schools.com/js/
  • Syntax and basics concepts
  • DOM manipulation
  • Fetch API / ajax
  • ES6 +

Dom

• vedio1
• vedio2
  • Tutorial --> https://www.w3schools.com/js/js_htmldom.asp

Dom task

* Build Calender using html / css / js dom
* Build User task table using html / css / js dom / fetch(dummy api)

Github

• vedio

Bootstrap 5

• vedio * Documentation --> https://getbootstrap.com/docs/5.0/getting-started/introduction/

Bootstrap task

* Build a static webpage using html / css / bootstrap

Node

* Npm
* Nvm
* https://nodejs.org/en/docs/

ReactJs

• React scrimba tutorial
• What Is React (React js) & Why Is It So Popular?
• React in 100 Seconds
• JSX
  • Rendering Elements
  • Components
  • Props
  • State
  • Lifecycle components
  • List
  • Forms
  • React Hoocks
    • 10 React Hooks Explained // Plus Build your own from Scratch

Advanced

• Deconstructing React || Tejas Kumar

Extras :

* Material UI , tailwind css, Redux,graphQL