-
Landing page of Zerodha
-
IDE --> Integrated Development environment
-
HTML --> Very Minimal
-
CSS --> Minimal
-
JS --> Maximum
Zerodha Fronted
- Add Styles
Link to the repo : https://github.com/riju951/zerodhaLandingPage
Link to Live site : https://riju951.github.io/zerodhaLandingPage
- Learn in Public
- Next 3 months full Focus
- Download zip
- npm i
- cd
- npx jest ./tests./(directory name)
- Why languages ?
- Interpreted v/s compiled languages
- why JS >> other languages in some use cases
- Strict vs dyanmic languages
- single threaded nature of JS
- Simple primitive in JS ( number, Strings, boolean )
- Comples primitive in JS ( Arrays, Object)
- Functions in Javascript
- Pracitse problem solving
Level 1 & Level 2 --> Refer to ppt
- latentflip.com
- DRY
- JS Browswer Architecture
- Promises
- Async wait
- Callbacks
- Async Functions
- Promises
- JS function
- ECMA Script
- HTTP server - Client side and server side
- DNS resolution
- Common Req to Backend server - GET POST PUT DELETE
- pwd
- cd
- ls
- mkdir
- touch
- cat
- vi
- mv
- cp
- nvm
- npm
- node
- rm
- chmod
- echo
- lead
- grep
- Hospital Project
- Git - Open source version control system
- Centralised vs distributes
- Git - OS, Scalabe and Fast
- Github
- Blob
- What we're covering in week 3
- JS Foundation revision
- Node.js runtime
- Express basics
- Express Advance Intro
- Databases Intro
- Mongo installation
- Postgres installation
- Fetch API
- Authentication Hashing Encrytption JSON web tokens local storage
- Databases Graph Vector SQL NoSQL
- Express
- Hospital
- Global catches
- Schema validation
- Authentication
- Amsument part example
- Express is sequence of middleware
- Mishra ji SBI example -- chequew book
- GPT
- JWT
- DOM is bridge
- HTML collection vs nodelist
- DOM Api is programming interface.
- debouncing and throtting
- HTML being injected with DOM via JS
- npm create vite@latest
- static vs dynamic
- why react
- state, components and re rendering
- Virual DOM
- Counter App
- Stackedit.io
- Backend
- Frontend
- React App
- Re-rendering
- React memo
- keys
- wrapper
- hooks
- SideEffect
- Hooks
- usememo
- usecallback
- custom hooks
- memo vs usememo
- Reconcilliation - CA example
- state
- usestate
- useeffect
- usememo
- usecallback
- useref