Think better with It Gate Academy
Making apps with modern technologies
Never miss a task, deadline or idea























Web Development Outlines🤍
Front-End Content ⏝⏜
1- First Step HTML
(8 HOURS) ♡
- HTML Basics 🤔
- Semantic HTML🤝
- Forms and Validations ⚡️
- Accessibility ⚡️
2- SECOND Step CSS 🥳
(20 Hours)
- Learn CSS Basics
- Flexbox for one-dimensional layouts (rows or columns)
- CSS Grid for two-dimensional layouts
- Responsive design principles for adaptability across devices
- CSS frameworks like Bootstrap or Tailwind for rapid development
- Custom CSS properties (variables) for consistent styling
- Media queries for device-specific adjustments
- CSS positioning and float for specific element placement
- CSS Preprocessors
- (Post Css & Sass)
- CSS Architecture
- CSS Box Model
- CSS - Styling Lists
- CCSS - visibility
- CSS - Grid Layout
- CSS - Flexbox
- CSS - Animations
- CSS - Units
- CSS - Responsive Design
- CSS - Seo
- Seo on Web
- CSS - Pseudo Classes
- CSS - Pseudo Elements
- CSS - Text Effects
- CSS - Validations
- CSS - Math Functions
- CSS - mask Property
- CSS RWD Frameworks
- CSS - Specificity
- CSS - Pagination
- CSS - Media Queries
- Making layouts
- CSS - Box Sizing
3- FrameWorks Css♡
(8 Hours)
- Tailwind CSS (ON REACT JS)
- BootStrap 5 (AFTER CSS)
4- JavaScript🥰
(32 Hours)
- What is JavaScript?
- History of JavaScript
- Javascript Versions
- How to Run Javascript
- Javascript Variables
- Hoisting
- Datatypes
- Object
- Built-in objects
- Data Structures
- Equality Comparisons
- Loops and Iterations
- Control Flow
- Expressions and Operators
- Functions
- DOM APIs
- Strict Mode
- This Keyword
- Asynchronous JavaScript
- Working with APIs
- Classes
- Javascript Iterators and Generators
- Modules
- Memory Management
- JavaScript Chrome Dev Tools
- ES6+
- React Content❤️🔥↓
- CLI Tools
- Components
- Rendering
- Hooks
- Routing
- Component / Libraries
- Headless Component Libraries
- API Calls
- Frameworks
- Forms
- Types & Validation
- Animation
- Error Boundaries
5- React JS ♡
(12 Hours)
⏝⏜ محتوي الباك اند
Back-End BY Node JS
👇🏻
1- Js Refresh ♡
- JS Basics 🤔
- JavaScript refresh
- Node js Basic ⚡️
2- Express & MongoDB 🥳
- Routers & Moduls
- MIDDLEWARE ⚡️
- MVC
- Express JS
- Social media login using (G-mail)
- CRON jobs & Create
- Templating engines (EJS)
- Node with MySQL
- ORM Sequelize
- MongoDB
- ODM mongoose
- Validation (JOI)
- Authentication
- Pagination
- Authorization
- Async Requests
- Rest API
- Sending email (G-mail & outlook)
- Relation two ways using (mongoose)
- File Uploads
- Socket . IO
- GraphQL
- Introduction to Redis DB (Cashing)
- Intro to Docker
- End Of Content Of Node js 👋
- 1-Backend intro
- Php files
- Php intro
- Variables
- SPHP Data Type
- Conditions (if, switch ,match)
- Array (Numeric –assosiative - multidimitional)
- Loops (for, while, Do while, foreach)
- Functions
- Built in methods
- Pass by value , pass by refance
- Requests(GET ,POST)
- Form validations
- File uploads
- File Validation
- Session ·Cookies
- Consttants
- Consttants
- 1-Database intro
- ERD entitY
- Relationships
- Case study (erd ,relationship)
- create database
- Create tables
- Crud operations
- Aggregattion functions
- Grouping
- Operations
- ·Orders , limit ,offset
- Subquires
- Joins
- Pivote table ·Alter table
- Index ·View
- Shell ,workbench ,cmd
- ·Events API
- Connecting to php with mysql
- Authentication
- Authorization
- Pagination
- Laravel
- Laravel mvc structure
- outing
- models
- uery builder
- Query builder
- CRUD Operations
- Laravel Validation
- Session
- Assets
- Seeders – factories – tinker
- Authantication
- Authorization
- Middleware
- API Resources
- API Authantication
- Email Verification
- Pusher
- Agile
- wagge
⏜OR ⏝
Back-End BY PHP & Larvel 👇🏻
1- PHP CONTENT ♡
2- MYSQL ♡
3- PHP OOP 🥳
End Of Content Of PHP 👋
Performance & Security


Encryption
Secure your data with end-to-end encryption
It Gate Academy
Providing the best Learning exprience
Authorized Traning Center. Cisco Certified Traning Scholarships
🧑💻 مشاريع عمليةBook Now