Enroll Now

Front-End Development Diploma

This 80-hour diploma provides a comprehensive foundation in front-end development. The Front-End Development Diploma is the beginning of mastering the art and science of creating outstanding user interfaces.

From the basics of HTML, CSS and JavaScript to advanced frameworks like React, you will gain the comprehensive skills needed to build dynamic, interactive and responsive websites.

Whether you are a beginner or a professional, the diploma will provide you with the tools you need to succeed in the world of web development.

Enroll Now

Outline of the Diploma:

2) JavaScript

  • JavaScript introduction and environment setup.
  • Dev tools and debugging.
  • How to write JavaScript, Variables and data types
  • Arrays, Objects, Loops, Conditions, and Functions (Arrow Function, Callback, ..etc.)
  • Control the DOM, Manage Content with JavaScript
  • Browser Events and Browser Storages
  • Sync vs Async
  • Promises / Async await
  • Contact backend: HTTP Requests
  • Event loop (How JavaScript engine handles asynchronous requests)
  • Brief about OOP in JavaScript

1) Introduction and Concepts of Front End

  • How the website works (Introduction to web development).
  • Let’s Build our first web page (what’s needed, environment setup, choose tools)
  • Command Line and Git fundamentals
  • Dev tools and debugging (UI)
  • HTML: let’s build the skeleton
  • HTML: Make visitors contact us (Forms in HTML)
  • CSS: It needs to be more colorful (Selectors, pseudo classes, pseudo elements, basic styles)
  • CSS: Elements need to be more organized (Flexbox, Grid)
  • CSS: Manage different devices appearance (Responsive CSS, media queries …)
  • CSS: Usability and be more organized.
  • CSS: Introduction in CSS animation.
  • Intro to CSS frameworks and UI toolkits

4) TypeScript with React

  • Type Script Fundamentals
  • Type Script with React
  • Applying Type Script to a TODO app with a simple e-commerce app
  • Introduction to SSR vs. CSR
  • Introduction to Micro frontend
  • The Final Project will be reviewed with the trainees

3) Frameworks and JavaScript Libraries

  • Build your first Webpack
  • JS Modules.
  • SCSS instead of css
  • How it works Now (Frameworks and Libraries)
  • History Introduction / Single Page Applications
  • ReactJS: What and Why
  • JSX, Components, State and props
  • Component Lifecycle
  • Hooks & Custom Hooks
  • Routing in React
  • Dev tools and debugging.

About the Instructor:
Abdelrahman El-Husseiny

  • Senior Technical Lead
  • Experience for 18 years in Software Development
  • Specialized in web development since 2010. I have extensive knowledge of various programming languages
Start now with 30% discount
Why to participate with EYouth

Why we are 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.

Diploma Begins on
16 September

Diploma Duration
80hours​

Number of Sessions
23

Start Now with 30% Discount

All educational content, professional experience and practical applications will be provided to you at a discount 30% The price of the diploma is 5250 pounds

A training adviser will guide you after registration

Reserve your Spot now