Enroll Now

This Front-End Diploma provides essential web development skills, which focuses on making responsive, interactive websites. Through hands-on projects, you’ll gain a solid foundation in modern front-end technologies, making it ideal for aspiring developers.

Start now with 30% discount

8Projects

Hands-on experience

80Hours

What You Will Learn

Start Your Web Development Journey

  • How the website works
  • Command Line and Git fundamentals
  • Dev tools and debugging (UI)
  • HTML and CSS
  • Project: Build your Personal Web Page

Build Interactive Web Applications with JavaScript

  • JavaScript introduction and environment setup. Dev tools and debugging and how to write JavaScript and manage Content with JavaScript
  • How to write Variables and data types. Arrays & objects. Loops and Conditions
  • Functions
  • Control the DOM. Browser Events and Browser Storages
  • sync vs Async. Promises / async await
  • Contact backend: HTTP Requests
  • Event loop 
  • brief about OOP in JavaScript
  • Project: Build a simple app (Ex: Weather App)

Advanced Web Development Techniques

  • Why build tools
  • Build your first Webpack
  • JS Modules
  • SCSS instead of css

Building Modern Web Apps

  • History Introduction / Single Page Applications
  • ReactJS and JSX
  • Component and Component Lifecycle
  • State and props
  • Hooks & Custom Hooks
  • Routing in React
  • Dev tools and debugging
  • Project: Build a simple TODO App with React
  • State Management 
  • Dev tools and debugging
  • Project: Apply Stage-management on TODO App
  • Styling in React (CSS Modules) and (Styled Component)
  • Unit testing
  • Project: Style our TODO App

TypeScript with React

  • Type Script Fundamentals
  • Type Script with React
  • Project: Apply Type Script on the TODO App
  • Final Project: Simple E-commerce app

What’s Next

  • Discussing the Final project (selected projects)
  • Type Script with React “if we didn’t cover section 5”
  • Intro about SSR Vs CSR
  • Intro about Micro frontend
Abdelrahman Elhusseiny (Blue Background).psd 02

About the Instructor:
Abdelrahman El-Husseiny

  • Senior Technical Lead
  • More than 18 years of experience in software development
  • Specializing in web development since 2010
  • Extensive knowledge of various programming languages and frameworks, including JavaScript, ReactJS, ReactNative, NextJS, VueJS, NodeJS, and AWS Services(Lambdas, S3, API gateway, ...)
Start now with 30% discount
Why to participate with EYouth

Why EYouth is the most suitable choice

Integrate technology training for developers with the expertise of industry experts, mentorship, and hands-on projects to foster productivity, and professionalism and drive innovation.

  • Practical Experience: Our program prioritizes hands-on learning, providing real-world skills enhancement.
  • Certification: We offer recognized certifications from esteemed bodies like EYouth and IAO, ensuring industry relevance.
  • Case Studies: Our curriculum includes relevant case studies for practical problem-solving skill development.
  • Practical Applications: Participants can apply learnings directly to their roles, enhancing productivity and effectiveness.

Begins on
4 October

Timing
7:00PM to 10:00PM​

Number of Sessions
23

All educational content, professional experience and practical applications will be provided to you at a discount 30%

Price After Discount

 5250 

Price Before Discount

7500

A training adviser will guide you after registration

Reserve your Spot now