Translated by Google
Learn web development by creating a website with HTML 🧱,
From 10.89 £ /h
These courses are part of a practical and accessible introductory training course in web development 🌐💻, designed for those who want to learn how to create a website from A to Z.
Using fundamental web technologies—HTML 🧱, CSS 🎨, and JavaScript ⚙️—you'll learn how to structure pages, style them, and make them interactive.
My teaching approach is hands-on: each concept is accompanied by concrete examples and progressive exercises to consolidate your knowledge. You'll discover how to build a responsive interface 📱💡, manage user events 🖱️, and apply simple animations ✨ to improve the user experience.
Whether you are a beginner or looking to consolidate your foundations, this training will guide you step by step towards autonomy in creating your own web projects 🚀
Training plan in 10 modules:
1. Introduction to programming 🧠💡
Understand the basics: logic, Linux commands, simple instructions and algorithms.
2. Introduction to HTML 🧱📄
Structure of a web page, main tags, links, images, tables, forms.
3. Accessibility and SEO ♿🔍
Create inclusive and well-referenced sites: semantic tags, ARIA attributes, good SEO practices.
4. Introduction to CSS 🎨🖌️
Formatting, colors, typography, boxes, flexbox and responsive layout.
5. Git & GitHub 🗂️⚙️
Version your code and collaborate effectively: Git commands, creating repositories, push/pull, pull requests.
6. JavaScript - Data Types 🔢📝
Numbers, strings, booleans, objects, arrays... Learn to manipulate data.
7. JavaScript - Functions and Methods ⚙️🧩
Define and call functions, understand scope, use native methods.
8. JavaScript - Terms ❓🔁
Master the if, else, switch statements to handle specific cases.
9. JavaScript - Arrays and Loops 🔄📊
Iterate efficiently with for, while, forEach, manipulate arrays like a pro.
10. DOM Manipulation & Closures 🌐✨
Edit HTML/CSS from JS, add events, understand closures for advanced interactions.
Using fundamental web technologies—HTML 🧱, CSS 🎨, and JavaScript ⚙️—you'll learn how to structure pages, style them, and make them interactive.
My teaching approach is hands-on: each concept is accompanied by concrete examples and progressive exercises to consolidate your knowledge. You'll discover how to build a responsive interface 📱💡, manage user events 🖱️, and apply simple animations ✨ to improve the user experience.
Whether you are a beginner or looking to consolidate your foundations, this training will guide you step by step towards autonomy in creating your own web projects 🚀
Training plan in 10 modules:
1. Introduction to programming 🧠💡
Understand the basics: logic, Linux commands, simple instructions and algorithms.
2. Introduction to HTML 🧱📄
Structure of a web page, main tags, links, images, tables, forms.
3. Accessibility and SEO ♿🔍
Create inclusive and well-referenced sites: semantic tags, ARIA attributes, good SEO practices.
4. Introduction to CSS 🎨🖌️
Formatting, colors, typography, boxes, flexbox and responsive layout.
5. Git & GitHub 🗂️⚙️
Version your code and collaborate effectively: Git commands, creating repositories, push/pull, pull requests.
6. JavaScript - Data Types 🔢📝
Numbers, strings, booleans, objects, arrays... Learn to manipulate data.
7. JavaScript - Functions and Methods ⚙️🧩
Define and call functions, understand scope, use native methods.
8. JavaScript - Terms ❓🔁
Master the if, else, switch statements to handle specific cases.
9. JavaScript - Arrays and Loops 🔄📊
Iterate efficiently with for, while, forEach, manipulate arrays like a pro.
10. DOM Manipulation & Closures 🌐✨
Edit HTML/CSS from JS, add events, understand closures for advanced interactions.
Extra information
No technical prerequisites are necessary to follow this training — a simple motivation to learn and a little curiosity are enough! 🧠✨
You will need:
I) 💻 A computer with a web browser (like Chrome 🌐 or Firefox 🦊) and a code editor (like Visual Studio Code 🧑💻, free and easy to install) 🛠️.
II) 🎥 A webcam camera and a microphone headset 🎧🎙️.
III) 🌐 A stable and smooth internet connection 🚀📶.
Throughout the course, you will have access to:
1- additional resources 📚
2- downloadable course materials 📝
3- practical exercises to progress at your own pace 🧩⚙️
At the end of the training, you will leave with:
1- a complete website that you will have created yourself 🏗️🌐
2- solid foundations to go further in web development 🚀
Get ready to code, experiment, and most importantly... have fun while learning! 🎉👨💻👩💻
You will need:
I) 💻 A computer with a web browser (like Chrome 🌐 or Firefox 🦊) and a code editor (like Visual Studio Code 🧑💻, free and easy to install) 🛠️.
II) 🎥 A webcam camera and a microphone headset 🎧🎙️.
III) 🌐 A stable and smooth internet connection 🚀📶.
Throughout the course, you will have access to:
1- additional resources 📚
2- downloadable course materials 📝
3- practical exercises to progress at your own pace 🧩⚙️
At the end of the training, you will leave with:
1- a complete website that you will have created yourself 🏗️🌐
2- solid foundations to go further in web development 🚀
Get ready to code, experiment, and most importantly... have fun while learning! 🎉👨💻👩💻
Location
Online from Algeria
About Me
Salut ! Je suis Farouk, originaire d’Alger 🇩🇿. Je suis naturellement curieux et passionné par l’apprentissage — en particulier lorsqu’il s’agit de HTML, CSS et JavaScript 💻✨. En ce moment, je me concentre sur la création de cours aussi efficaces qu’engageants, avec une forte attention portée à la pédagogie 📚🎯.
Pendant mon temps libre, j’adore lire 📖, jouer aux jeux vidéo 🎮, voyager ✈️ et cuisiner 🍳. Je suis toujours à la recherche de nouvelles façons de grandir — autant sur le plan personnel que professionnel 🚀🌱. Je suis motivé, ouvert d’esprit et toujours prêt à relever de nouveaux défis 💪🧠.
Hâte d’apprendre et de partager avec vous ! 🤝😊
Pendant mon temps libre, j’adore lire 📖, jouer aux jeux vidéo 🎮, voyager ✈️ et cuisiner 🍳. Je suis toujours à la recherche de nouvelles façons de grandir — autant sur le plan personnel que professionnel 🚀🌱. Je suis motivé, ouvert d’esprit et toujours prêt à relever de nouveaux défis 💪🧠.
Hâte d’apprendre et de partager avec vous ! 🤝😊
Education
1. Informal Formation – Centre agréé par l'État, Alger 🇩🇿
2008
Attestation de stage en création de sites web dynamiques : HTML, CSS, JavaScript, PHP, MySQL 💻
Formation en informatique appliquée au développement web.
2. Université des Sciences et de la Technologie Houari Boumediène (USTHB) – Alger
2004 - 2005
Tronc Commun en Sciences Électroniques et Technologie Informatique 🧠⚙️
3. Lycée Yahya Ould El Turki – Bou Ismaïl
2001 - 2002
Baccalauréat – Série Scientifique avec mention ✅🔬
2008
Attestation de stage en création de sites web dynamiques : HTML, CSS, JavaScript, PHP, MySQL 💻
Formation en informatique appliquée au développement web.
2. Université des Sciences et de la Technologie Houari Boumediène (USTHB) – Alger
2004 - 2005
Tronc Commun en Sciences Électroniques et Technologie Informatique 🧠⚙️
3. Lycée Yahya Ould El Turki – Bou Ismaïl
2001 - 2002
Baccalauréat – Série Scientifique avec mention ✅🔬
Experience / Qualifications
Mentor – Depuis 2021 🎓
Accompagnement d’étudiants dans plusieurs parcours :
• Développeur Web
• Intégrateur Web
• Développeur d'application – JavaScript / React
Responsabilités principales :
1- Suivi pédagogique personnalisé
2- Relecture et feedback de projets
3- Coaching technique et méthodologique
4- Aide à la préparation aux entretiens techniques
Freelance – Depuis 2015 💼
Plateformes : Upwork, Fiverr, Comeup
• Réalisation de sites web vitrines et dynamiques
• Intégration responsive (HTML/CSS/JavaScript)
• Maintenance et optimisation de projets web
• Collaboration avec des clients internationaux
Accompagnement d’étudiants dans plusieurs parcours :
• Développeur Web
• Intégrateur Web
• Développeur d'application – JavaScript / React
Responsabilités principales :
1- Suivi pédagogique personnalisé
2- Relecture et feedback de projets
3- Coaching technique et méthodologique
4- Aide à la préparation aux entretiens techniques
Freelance – Depuis 2015 💼
Plateformes : Upwork, Fiverr, Comeup
• Réalisation de sites web vitrines et dynamiques
• Intégration responsive (HTML/CSS/JavaScript)
• Maintenance et optimisation de projets web
• Collaboration avec des clients internationaux
Age
Children (7-12 years old)
Teenagers (13-17 years old)
Adults (18-64 years old)
Seniors (65+ years old)
Student level
Beginner
Intermediate
Advanced
Duration
30 minutes
45 minutes
60 minutes
90 minutes
The class is taught in
French
Arabic
English
Reviews
Availability of a typical week
(GMT -05:00)
New York
Online via webcam
Mon
Tue
Wed
Thu
Fri
Sat
Sun
00-04
04-08
08-12
12-16
16-20
20-24
These courses are part of a structured and progressive training in Object-Oriented Programming (OOP) with JavaScript, designed for beginner or intermediate developers who want to understand in depth how the language works, write clearer, more maintainable code and prepare themselves calmly for modern frameworks like React ⚛️.
Object-Oriented Programming is often perceived as complex or abstract.
My goal is simple: to make it logical, concrete, and immediately applicable.
🎯 Training Objectives
Upon completion of this training, you will be able to:
Understanding what Object-Oriented Programming really is (and when to use it)
Create and manipulate objects in JavaScript in a clean and efficient way
Use ES6 classes, constructors, and methods with confidence
Mastering this, the prototype, and the instantiation logic
Apply encapsulation, inheritance, and polymorphism without confusion
Avoiding common mistakes made by OOP beginners
Structure your JavaScript code like a professional developer
📖 Training Plan – Object-Oriented Programming in JavaScript
1. Introduction to Object-Oriented Programming 🧠
Understanding the concept, objectives and benefits of OOP.
2. Procedural Programming vs. OOP
Why unstructured code quickly becomes unmanageable.
3. Objects in JavaScript
Properties, methods and representation of the real world.
4. The keyword this
Understanding the execution context (often poorly understood).
5. Limitations of simple objects
Why duplicating code is a bad idea.
6. Constructive functions
Create multiple objects from the same model.
7. The keyword new
What it's actually doing under the hood.
8. The prototype
Sharing methods and memory optimization.
9. ES6 Classes
Modern syntax and best practices.
10. The builder
Proper initialization of objects.
11. Data Encapsulation
Protect the internal state of objects.
12. Inheritance between classes
Reusing code intelligently.
13. The keyword super
Communication between parent and child in the classroom.
14. Polymorphism
The same behavior, several forms.
15. Composition vs. Inheritance
Choosing the right architecture.
16. Best practices in OOP
Write readable, scalable, and maintainable code.
17. Common mistakes made by beginners
Pitfalls to absolutely avoid.
18. Guided practical exercise
Creation of a concrete class (product, user, etc.).
19. Assessment Quiz (Multiple Choice Questions)
To validate the actual understanding of the concepts.
🛠️ Teaching method: Understand before writing
This training program is based on a progressive and pragmatic approach:
Clear and illustrated explanations
Concrete examples from real projects
Simple but effective exercises
Constant questioning to avoid rote learning
Adaptation to the learner's level and pace
Here, we don't "recite OOP" — we understand it.
🚀 Learner's result
At the end of the training, you will not only know how to write a JavaScript class.
You will know:
1- Why does it exist?
2- When to use it
3- and when not to use it
You will leave with:
a solid understanding of OOP
a cleaner and more professional code
an ideal foundation for learning React, Node.js or any other modern framework
Object-Oriented Programming is often perceived as complex or abstract.
My goal is simple: to make it logical, concrete, and immediately applicable.
🎯 Training Objectives
Upon completion of this training, you will be able to:
Understanding what Object-Oriented Programming really is (and when to use it)
Create and manipulate objects in JavaScript in a clean and efficient way
Use ES6 classes, constructors, and methods with confidence
Mastering this, the prototype, and the instantiation logic
Apply encapsulation, inheritance, and polymorphism without confusion
Avoiding common mistakes made by OOP beginners
Structure your JavaScript code like a professional developer
📖 Training Plan – Object-Oriented Programming in JavaScript
1. Introduction to Object-Oriented Programming 🧠
Understanding the concept, objectives and benefits of OOP.
2. Procedural Programming vs. OOP
Why unstructured code quickly becomes unmanageable.
3. Objects in JavaScript
Properties, methods and representation of the real world.
4. The keyword this
Understanding the execution context (often poorly understood).
5. Limitations of simple objects
Why duplicating code is a bad idea.
6. Constructive functions
Create multiple objects from the same model.
7. The keyword new
What it's actually doing under the hood.
8. The prototype
Sharing methods and memory optimization.
9. ES6 Classes
Modern syntax and best practices.
10. The builder
Proper initialization of objects.
11. Data Encapsulation
Protect the internal state of objects.
12. Inheritance between classes
Reusing code intelligently.
13. The keyword super
Communication between parent and child in the classroom.
14. Polymorphism
The same behavior, several forms.
15. Composition vs. Inheritance
Choosing the right architecture.
16. Best practices in OOP
Write readable, scalable, and maintainable code.
17. Common mistakes made by beginners
Pitfalls to absolutely avoid.
18. Guided practical exercise
Creation of a concrete class (product, user, etc.).
19. Assessment Quiz (Multiple Choice Questions)
To validate the actual understanding of the concepts.
🛠️ Teaching method: Understand before writing
This training program is based on a progressive and pragmatic approach:
Clear and illustrated explanations
Concrete examples from real projects
Simple but effective exercises
Constant questioning to avoid rote learning
Adaptation to the learner's level and pace
Here, we don't "recite OOP" — we understand it.
🚀 Learner's result
At the end of the training, you will not only know how to write a JavaScript class.
You will know:
1- Why does it exist?
2- When to use it
3- and when not to use it
You will leave with:
a solid understanding of OOP
a cleaner and more professional code
an ideal foundation for learning React, Node.js or any other modern framework
This module is a crucial step for any web developer wishing to move from simple DOM manipulation to mastering modern frameworks. The objective is clear: to understand the "invisible foundations" of the language in order to write shorter, more readable code and, above all, be ready to code professionally in React.
🎯 Training Objectives
1- Demystify the modern syntax (ES6+) often used in React.
2- Increase efficiency by using the most powerful syntactic shortcuts.
3- Secure your code to avoid frequent bugs related to missing data.
4- Mastering asynchronicity to manage data calls (API).
📖 Detailed program content
The course is divided into 13 key concepts, illustrated by comparative examples (classic syntax vs. modern syntax) and concrete use cases in React:
1- Ease of writing: Use of Template Literals (`backticks`) for dynamic character strings and Shorthand property names to simplify the creation of objects.
2- Logic and Functions: Mastery of Arrow => Functions (arrow functions) and their implicit return, essential for React components and hooks.
Data manipulation:
1- Destructuring (decomposition) to properly extract data from objects and arrays (e.g., Props and States).
2- Rest & Spread Operators (...) to copy arrays or merge objects without modifying the original (concept of immutability).
Code robustness:
1- Managing default parameter values.
2- Advanced security with Optional Chaining (?.) and Nullish Coalescing (??) to prevent application crashes.
3- Functional Programming: Intensive use of array methods (.map(), .filter(), .reduce(), .find()) to transform data into user interfaces.
4- Architecture and Asynchronism: Code organization via modules (Import/Export) and API request management with Promises and Async/Await.
🛠️ Teaching method: "Learning by doing"
This course is not just about theory. It includes:
The "Interstellar Dashboard" Exercise: A 15-minute thematic case study where students manipulate data from space missions. This allows them to immediately apply destructuring, filtering, and asynchronicity to a real-world project.
The Interactive Quiz: A series of 10 questions designed to validate understanding of each concept before moving on. Each question presents real-world scenarios that developers will encounter in React.
🚀 Learner's result
By the end of this course, students will not only "know" JavaScript; they will understand why and how each syntax is used to build efficient React components. They will leave with a solid foundation to confidently tackle Hooks (useState, useEffect) and complex state management.
Format: Clean visual presentation, coloured syntax for code, and focus on readability.
🎯 Training Objectives
1- Demystify the modern syntax (ES6+) often used in React.
2- Increase efficiency by using the most powerful syntactic shortcuts.
3- Secure your code to avoid frequent bugs related to missing data.
4- Mastering asynchronicity to manage data calls (API).
📖 Detailed program content
The course is divided into 13 key concepts, illustrated by comparative examples (classic syntax vs. modern syntax) and concrete use cases in React:
1- Ease of writing: Use of Template Literals (`backticks`) for dynamic character strings and Shorthand property names to simplify the creation of objects.
2- Logic and Functions: Mastery of Arrow => Functions (arrow functions) and their implicit return, essential for React components and hooks.
Data manipulation:
1- Destructuring (decomposition) to properly extract data from objects and arrays (e.g., Props and States).
2- Rest & Spread Operators (...) to copy arrays or merge objects without modifying the original (concept of immutability).
Code robustness:
1- Managing default parameter values.
2- Advanced security with Optional Chaining (?.) and Nullish Coalescing (??) to prevent application crashes.
3- Functional Programming: Intensive use of array methods (.map(), .filter(), .reduce(), .find()) to transform data into user interfaces.
4- Architecture and Asynchronism: Code organization via modules (Import/Export) and API request management with Promises and Async/Await.
🛠️ Teaching method: "Learning by doing"
This course is not just about theory. It includes:
The "Interstellar Dashboard" Exercise: A 15-minute thematic case study where students manipulate data from space missions. This allows them to immediately apply destructuring, filtering, and asynchronicity to a real-world project.
The Interactive Quiz: A series of 10 questions designed to validate understanding of each concept before moving on. Each question presents real-world scenarios that developers will encounter in React.
🚀 Learner's result
By the end of this course, students will not only "know" JavaScript; they will understand why and how each syntax is used to build efficient React components. They will leave with a solid foundation to confidently tackle Hooks (useState, useEffect) and complex state management.
Format: Clean visual presentation, coloured syntax for code, and focus on readability.
Show more
Similar classes
Similar classes
Good-fit Instructor Guarantee
Contact Farouk