facebook
favorite button
member since icon
Since June 2025
Instructor since June 2025
Teaching programming languages: HTML, CSS, and JavaScript for beginners.
course price icon
From 8 C$ /h
arrow icon
This beginner-friendly course is designed to introduce you to the core technologies of the web: HTML, CSS, and JavaScript. Whether you are completely new to coding or want to strengthen your foundation, this course will guide you step by step through practical examples and real-world projects. By the end of the course, you will be able to build and style interactive web pages with confidence.
Extra information
You can participate using a computer for a better experience, or take notes in a notebook and practice later.
Location
location type icon
Online from Tunisia
About Me
I am a passionate and energetic instructor who believes that learning should be engaging, enjoyable, and accessible to everyone. I create a friendly and supportive environment where learners feel respected, motivated, and encouraged to grow. With a strong sense of pedagogy and empathy, I adapt my teaching style to meet each student’s needs and learning pace. My goal is not only to teach, but to inspire — making sure every learner feels valued and confident in their journey.
Education
Holder of a diploma in Computer Systems and Web Development from a secondary school, with solid foundations in programming, database management, and user interface design.
Experience / Qualifications
Focusing on building interactive websites and understanding modern programming principles using HTML, CSS, and JavaScript.
Age
Preschool children (4-6 years old)
Children (7-12 years old)
Teenagers (13-17 years old)
Adults (18-64 years old)
Seniors (65+ years old)
Student level
Beginner
Intermediate
Duration
60 minutes
The class is taught in
Arabic
French
English
Skills
Availability of a typical week
(GMT -04:00)
New York
at teacher icon
Online via webcam
Mon
Tue
Wed
Thu
Fri
Sat
Sun
00-04
04-08
08-12
12-16
16-20
20-24
Similar classes
arrow icon previousarrow icon next
verified badge
Farouk
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.
verified badge
Ivan
Experienced Web & AI Developer: creation of your custom applications and websites and programming courses.

The following questions:
- Do you have a digital idea or project you'd like to bring to life? (Perhaps a small e-commerce website, a WhatsApp-style chat application)
- Do you want to create your own platform or learn to code at your own pace with a professional?
Are you looking for someone to hire to create your dream solution?
- Do you want a mobile | web | desktop application?
Are you looking for a developer for a permanent contract or freelance work?
- Private lessons for Web/Mobile apps?

Me:
As a freelance software engineer, I offer my technical expertise to individuals, project leaders, creators, and very small businesses. A patient, responsive, and attentive communicator, I support you from design to deployment.

1. DEVELOPMENT OF YOUR CUSTOM PROJECTS
I design modern, fast, mobile-friendly, and secure solutions. Here are some examples of possible solutions:

- E-commerce & Online Sales Platforms: creation of complete stores (catalog, shopping cart, secure Stripe/CB payment, stock and order management, customer area).
- Instant messaging & Chat applications: development of WhatsApp/Messenger type applications (real-time messaging, document sharing, statuses, live notifications).
- Custom AI Assistants & Chatbots: integration of artificial intelligences (like ChatGPT/Claude) trained on your own documents or configured to automatically respond to your customers, sort requests or automate your daily tasks.
- Business tools and private portals: booking platforms, online calendars, interactive dashboards or automation tools.
- Maintenance & Evolution: graphic redesign, addition of new features or resolution of bugs on your existing projects.

Development pricing:
- Freelance: €350 - €520 excluding VAT / day (or turnkey package on quote after review of your specifications).
- Permanent contract: 3700 Euros / month in Paris, minimum 2-year contract (after review of your duties).

2. PRIVATE PROGRAMMING LESSONS & COACHING FOR YOU OR YOUR LOVED ONES
Whether you are a complete beginner with no prior knowledge, a computer science student preparing for exams, or undergoing career retraining, I offer practical and personalized courses:

- Frontend Web Development: HTML5, CSS3, modern JavaScript, React.js to design dynamic and attractive web interfaces.
- Server & Backend Development: Node.js (with Express), Python, Java to learn how to create APIs, manage requests and manipulate databases (SQL, MongoDB).
- Artificial Intelligence & Automation: introduction to Python for AI, use of AI APIs, data processing.
- Practical support: help with your personal projects, getting unstuck with school/university assignments, preparation for technical interviews.

WHY ENTRUST ME WITH YOUR PROJECT?
- Clear approach: simple explanations, without unnecessary jargon.
- Complete expertise: mastery of the entire chain (design, code, server, security, online deployment).
- Security & Data: strict adherence to security and confidentiality standards (GDPR).
- Trust & Clarity: transparent framing of deadlines and costs.

LEGAL INFORMATION & BILLING

- Service declared with systematic delivery of a professional invoice.
message icon
Contact Fadi
repeat students icon
1st lesson is backed
by our
Good-fit Instructor Guarantee
Similar classes
arrow icon previousarrow icon next
verified badge
Farouk
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.
verified badge
Ivan
Experienced Web & AI Developer: creation of your custom applications and websites and programming courses.

The following questions:
- Do you have a digital idea or project you'd like to bring to life? (Perhaps a small e-commerce website, a WhatsApp-style chat application)
- Do you want to create your own platform or learn to code at your own pace with a professional?
Are you looking for someone to hire to create your dream solution?
- Do you want a mobile | web | desktop application?
Are you looking for a developer for a permanent contract or freelance work?
- Private lessons for Web/Mobile apps?

Me:
As a freelance software engineer, I offer my technical expertise to individuals, project leaders, creators, and very small businesses. A patient, responsive, and attentive communicator, I support you from design to deployment.

1. DEVELOPMENT OF YOUR CUSTOM PROJECTS
I design modern, fast, mobile-friendly, and secure solutions. Here are some examples of possible solutions:

- E-commerce & Online Sales Platforms: creation of complete stores (catalog, shopping cart, secure Stripe/CB payment, stock and order management, customer area).
- Instant messaging & Chat applications: development of WhatsApp/Messenger type applications (real-time messaging, document sharing, statuses, live notifications).
- Custom AI Assistants & Chatbots: integration of artificial intelligences (like ChatGPT/Claude) trained on your own documents or configured to automatically respond to your customers, sort requests or automate your daily tasks.
- Business tools and private portals: booking platforms, online calendars, interactive dashboards or automation tools.
- Maintenance & Evolution: graphic redesign, addition of new features or resolution of bugs on your existing projects.

Development pricing:
- Freelance: €350 - €520 excluding VAT / day (or turnkey package on quote after review of your specifications).
- Permanent contract: 3700 Euros / month in Paris, minimum 2-year contract (after review of your duties).

2. PRIVATE PROGRAMMING LESSONS & COACHING FOR YOU OR YOUR LOVED ONES
Whether you are a complete beginner with no prior knowledge, a computer science student preparing for exams, or undergoing career retraining, I offer practical and personalized courses:

- Frontend Web Development: HTML5, CSS3, modern JavaScript, React.js to design dynamic and attractive web interfaces.
- Server & Backend Development: Node.js (with Express), Python, Java to learn how to create APIs, manage requests and manipulate databases (SQL, MongoDB).
- Artificial Intelligence & Automation: introduction to Python for AI, use of AI APIs, data processing.
- Practical support: help with your personal projects, getting unstuck with school/university assignments, preparation for technical interviews.

WHY ENTRUST ME WITH YOUR PROJECT?
- Clear approach: simple explanations, without unnecessary jargon.
- Complete expertise: mastery of the entire chain (design, code, server, security, online deployment).
- Security & Data: strict adherence to security and confidentiality standards (GDPR).
- Trust & Clarity: transparent framing of deadlines and costs.

LEGAL INFORMATION & BILLING

- Service declared with systematic delivery of a professional invoice.
Good-fit Instructor Guarantee
favorite button
message icon
Contact Fadi