Stage Schedule Web APP Development :
Beginners Week1 HTML5
Beginners Week2 CSS ( Box model , Flex layout model , Grid layout model ,
Responsive design using media query , Mobile first approach
Beginners Javascript
Beginners Tailwind CSS - Basic
Beginners Tailwind CSS - Project -1
Beginners Tailwind CSS - Project -2
Beginners Tailwind CSS - Project -3
Beginners Relational Database concepts
Beginners NoSql Concepts
Beginners Install postgress and practice SQL commands
Beginners Install MongoDB
Beginners Javascript -- Practice projects
Beginners Typescripts
Beginners React Basics
Beginners Git - Setup github profile and maintian all your porjects
Beginners Get Free Tier accees in cloud (Azure , AWS , google cloud )
intermediate Get Exposure to FullStack concepts
intermediate MVC design pattern
intermediate Single page application Vs MultiPage application
intermediate Server side rendering
intermediate what is API
intermediate REST API
intermediate REST API standards -- OPENAPI Spec - API Maturity
intermediate What is GraphQL API
intermediate GraphQL Standards
intermediate User centric design ( UCD)
intermediate Explore Canva or Figma for UI design
intermediate Low code / No code platform
intermediate Use chatGPT to generate code
intermediate Design - code approach
intermediate API Security - OAUTH Concepts
intermediate DevOps / DevSecOps
intermediate Use Linux and Learn linux commands
Advanced React with typescript
Advanced React with Next JS framework ( Use Typescript)
Advanced Use UI components shaddn-UI / Next UI
Advanced What is ORM
Advanced use Drizzle ORM to connect to database CRUD operation
Advanced Explore the Low code / No code platform [Link] , redwoodjs
Advanced Write Unit test scripts -- Next JS Framework
Project project using next js framework with Taillwind Js , DRIZZLE ORM
Expert Data Structures and algprithms - Javascript -1
Expert DSA - Javascript -2
Expert Javasript Design patterns
Expert Object oriented programming - javascript /Typescript
Architect Refactor Next js project with layered architecture
Architect Business layer should be reusable for WEB App and API
Architect Integration with KeyCloak Indentity
Architect Integrate API developed using [Link] with KeyCloak security
Concepts
Normalization
Schemaless
create Table , INSERT,
update Statements ,
JOIN , aggregate
create collection , add
JSON document to
colletion and get from
mongodb
Component , props ,
state ,Hook
get exposure to cloud
Reference Training videos
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
React For Beginners 1 : Introduction To React ([Link])
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
y5&index=4
tart=0#overview
Bn&index=1
Next JS Framework 15
Typescript / React
Drizzle ORM
Taillwind CSS
Postgress / MomgoDB
Elastic search ==> search
Redis == > Cache
ShadCN / Next UI library
Hono JS for API
Integrate with clerk security
Integrate with Keycloak Security