How hiteshcode-projects/web_augustcode works
This repository is a collection of web-development teaching examples: HTML and CSS lessons, a JavaScript series covering language and browser features, and two small React demos. The learner workflow is to open a lesson and explore its examples; the React demo additionally mounts a component, renders a page, and handles a greeting click. The tree supports the course topics, but lesson-page links and runtime behavior beyond the sampled React source are not established.
Main entry points: App.jsx Greeting app · src/main.jsx React mount · src/main.jsx Variable app mount · index.html HTML basics
Components 22
HTML lessons
- HTML basics
day1/index.html - Elements and media
day2/index.html - Forms and inputs
day3/form.html - Semantic HTML
day3/Html5/htmlsenatics.html
CSS lessons
- CSS connection
day4/CssHtmlconnection/external.html - Selectors
day4/Selectors/classSelector.html - Landing page
day4/backgorundProp/LandingPage.html - Layout examples
day6Display/flex1.html
JavaScript lessons
- Variables and types
Javascript-Series/2nVariable/variable.html - Operators and control
Javascript-Series/5thLoops/index.html - Functions
Javascript-Series/8thFunctions/index.html - DOM manipulation
Javascript-Series/12thDOM/Manuplication.html - Browser events
Javascript-Series/13thEvents/events.html - API examples
Javascript-Series/14Api/CatApi.html - Browser storage
Javascript-Series/15BrowserStorage/LocalStorage.html - Async programming
Javascript-Series/AsynProgram/AsynAwait/index.html
React demos
- React mount
React/my-first-app/src/main.jsx - Greeting app
React/my-first-app/src/App.jsx - Variable app mount
React/my-variable-app/src/main.jsx - State examples
React/my-variable-app/src/App.jsx
Other components
- Learner
- Browser
Connections 22
- Learner → HTML basics: opens lesson
- Learner → Elements and media: opens lesson
- Learner → Forms and inputs: opens lesson
- Learner → Semantic HTML: opens lesson
- Learner → CSS connection: opens lesson
- Learner → Selectors: opens lesson
- Learner → Landing page: opens lesson
- Learner → Layout examples: opens lesson
- Learner → Variables and types: opens lesson
- Learner → Operators and control: opens lesson
- Learner → Functions: opens lesson
- Learner → DOM manipulation: opens lesson
- Learner → Browser events: opens lesson
- Learner → API examples: opens lesson
- Learner → Browser storage: opens lesson
- Learner → Async programming: opens lesson
- Learner → React mount: starts demo
- React mount → Greeting app: renders component
- Learner → Greeting app: clicks greeting
- Greeting app → Browser: shows alert
- Learner → Variable app mount: starts demo
- Variable app mount → State examples: renders component