This repository documents my learning journey at the Information Technology Institute (ITI).
Each folder contains labs, exercises, and tasks that reflect my progress across different technologies and courses.
The journey is ongoing and leads to continuous growth. Learning never truly stops — with every project, every challenge,
and every line of code, there’s always something new to discover.
- 00- Notes → Misc notes, guides, and references (Babel, Webpack, NodeJS guides, etc.).
- 01- HTML → Basics of HTML, building simple web pages.
- 02- CSS → Styling fundamentals, layouts, and responsive design.
- 03- JS → Core JavaScript concepts and DOM manipulation.
- 04- ECMA → Modern JavaScript (ES6+), syntax, and features.
- 05- SASS → Styling with Sass/SCSS (variables, nesting, mixins, modules).
- 06- HTML5 → Advanced HTML5 features (Canvas, Audio/Video, Forms, etc.).
- 07- Advanced JS → Advanced JavaScript topics (OOP, Async, Modules, Patterns).
- 08- PWA → Progressive Web Apps.
- 09- Nodejs → Node.js fundamentals.
- 10- Type script → Strongly typed JavaScript for scalable applications.
- 09- Nodejs → Node.js fundamentals, backend development, APIs.
- 11- Nodejs-MEARN → Labs NodeJS for MEARN Stack.
- 12- React → Building UIs with React, hooks, and state management.
- 13- js packaging & bundling → Tools like Webpack, Gulp, Vite for optimizing and bundling projects.
- 14- source control / Lab1 → Git & GitHub fundamentals, version control labs.
- 15- JS design patterns → Common JavaScript design patterns and architecture concepts.
- 16- React Native → Mobile app development using React Native.
- 17- NEXT JS → Next.js fundamentals, routing, SSR, and modern React patterns.
- 18- unit testing → Unit testing concepts and tools (Jest, testing strategies).
- 19- Dart → Dart programming language basics.
- 20- Flutter → Cross-platform mobile app development using Flutter.
- 21- PWA → Advanced Progressive Web App concepts and enhancements.
- 22- Gen AI → Generative AI concepts, tools, and experiments.
- Strengthen front-end and back-end development skills.
- Gain hands-on practice through labs & tasks.
- Learn modern web technologies for building scalable applications.
- Document progress for personal growth and future reference.
- HTML5
- CSS3 / Sass (SCSS)
- JavaScript (ES6+)
- TypeScript
- Node.js
- React
- Git & GitHub
- Progressive Web Apps (PWA)
- Packaging & Bundling Tools (Webpack, Gulp, Vite)
🔄 In Progress – Labs and tasks will be added and updated regularly. ✅ 5 july to 30 december – Completely finished el7amdullah.
-
Clone the repo:
git clone https://github.com/Yomna-Elshorbagy/ITI-Front-End.git
-
Explore folders. Example: Open any
.mdfile to read notes and examplescd "1- ITI TASKS/00- Notes" ls
Or (Windows CMD):
cd "1- ITI TASKS\00- Notes" dir
- HTML5 → https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5
- CSS3 → https://developer.mozilla.org/en-US/docs/Web/CSS
- JavaScript (MDN) → https://developer.mozilla.org/en-US/docs/Web/JavaScript
- Sass (Syntactically Awesome Stylesheets) → https://sass-lang.com/
- Tailwind CSS → https://tailwindcss.com/
- Bootstrap → https://getbootstrap.com/
- Webpack → https://webpack.js.org/
- Vite → https://vitejs.dev/
- Parcel → https://parceljs.org/
- Gulp.js → https://gulpjs.com/
- Babel → https://babeljs.io/
- Core-JS Polyfills → https://github.com/zloirock/core-js
- npm → https://www.npmjs.com/
- Yarn → https://yarnpkg.com/
- pnpm → https://pnpm.io/
- React → https://react.dev/
- Angular → https://angular.io/
- Vue.js → https://vuejs.org/
- PWA Overview (MDN) → https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps
- Workbox (Google) → https://developer.chrome.com/docs/workbox/
- React Native → https://reactnative.dev/
- Flutter → https://flutter.dev/
- Dart → https://dart.dev/
🧪 Testing
- Jest → https://jestjs.io/
- Mocha → https://mochajs.org/
- Cypress → https://www.cypress.io/
- Playwright → https://playwright.dev/
- Git Docs → https://git-scm.com/doc
- GitHub Docs → https://docs.github.com/
Happy learning! 🚀