Translated by GoogleSee original

Learn web development by creating a website with HTML 🧱, CSS 🎨 and JavaScript ⚙️💡!

From 14.69 $ /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.

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! 🎉👨‍💻👩‍💻

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 ! 🤝😊

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 ✅🔬

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

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

Skills

Javascript

Css

Web development

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

Essential JavaScript knowledge for React (advanced JavaScript)

36.15 $ /h

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.

Prompt Engineering: Mastering 🧑‍💼 the art 📈 of dialoguing with AI 🤖

29.38 $ /h

Are you using ChatGPT, Gemini, or other AIs, but feel like you're only scratching the surface of their potential? Are your results often generic, inaccurate, or disappointing? It's time to move from a simple user to a true AI pilot. 🤖✨

This 4-hour intensive course, "Prompt Engineering: Mastering the Art of Communicating with AI," is designed to give you the keys to effective and powerful communication with language models (LLM).

> 🧠 “If I had an hour to solve a problem, I would spend 55 minutes defining the question.”

This is the essence of Prompt Engineering: the art of asking the right question to get the best answer. 🎯

🧰 Exclusive methods taught

During this practical and immersive training, you will discover two structured methods to transform your ideas into tangible results:

🔹 The ACTIF method
👉 A foolproof approach to building powerful text prompts. You'll learn how to define:

Action
Context
Tone
Identify
Format

...in order to obtain clear, targeted and impactful content, analyses or strategies. 📄💡

🔹 The IMAGES method
👉 Your visual passport to create high-value graphic prompts. Based on 6 pillars:

Intention
Pattern
Atmosphere
Grain
Aesthetic
Style

...it will allow you to generate images that faithfully reflect your creative vision. 🖼️🎨

👥 Who is this course for?

✅ Entrepreneurs and marketers who want to create targeted content and relevant strategies.
✅ Content creators, writers, designers who want to boost their creativity and productivity.
✅ Professionals from all sectors wishing to integrate AI into their daily lives (automation, analysis, resolution).
✅ Students and curious people wanting to master a strategic skill for the future of work. 🧑‍💼📈

🧠 What you will master in 4 hours:

✔️ Understand the functioning and capabilities of LLMs (ChatGPT, Gemini, Claude, etc.) 🤓
✔️ Structure impactful text requests with the ACTIF method 📝
✔️ Create powerful visual prompts with the IMAGES method 🖌️
✔️ Move from simple interaction to intelligent co-creation with AI 🧩
✔️ Put it into practice with concrete exercises, dedicated tools, and realistic use cases 🛠️📊

🎓 Join us!

Stop being subjected to AI... and start leading it.
🎯 Master the art of dialogue with artificial intelligence,
💼 and unleash their full potential to serve your projects!