Think better with It Gate Academy

Making apps with modern technologies
Never miss a task, deadline or idea
skill image
skill image
skill image
skill image
skill image
skill image
skill image
skill image
skill image
skill image
skill image
skill image
skill image

skill image
skill image
skill image
skill image
skill image
skill image
skill image
skill image
skill image
skill image
skill image
skill image
skill image

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+
  • 5- React JS ♡
    (12 Hours)

  • React Content❤️‍🔥↓

  • CLI Tools

  • Components

  • Rendering

  • Hooks

  • Routing

  • Component / Libraries

  • Headless Component Libraries

  • API Calls

  • Frameworks

  • Forms

  • Types & Validation

  • Animation

  • Error Boundaries


⏝⏜ محتوي الباك اند

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 👋




  • ⏜OR ⏝





    Back-End BY PHP & Larvel 👇🏻



    1- PHP CONTENT ♡


  • 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


  • 2- MYSQL ♡


  • 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



  • 3- PHP OOP 🥳


  • 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

  • End Of Content Of PHP 👋

Performance & Security
Lock topLock Main

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
work icons