facebook
favorite button
member since icon
Since April 2021
Instructor since April 2021
Learn HTML, CSS, and how to use Javascript to create responsive e-learning resources and websites.
course price icon
From 66 € /h
arrow icon
Learn about the 3 key building blocks of the Internet - HTML, CSS, and Javascript.
You will learn how HTML and CSS work, understand what they are capable of, and practice writing your own code.
We will look at how to use CSS to ensure your e-learning projects and resources and websites look great and are responsive so they work properly on different size screens.
You will also learn how Javascript makes things happen on web pages. We won't learn how to write this kind of code but will use plenty of examples to demonstrate Javascript in action.
You will need to take multiple classes to get a good understanding of the three types of code. Join with friends and share the cost of classes.

An added bonus is that you will be signed up to use a set of online toolkits to create e-learning resources and/or websites and learn how to effectively use the platform. You will be able to continue to use the toolkits after the class(es) finish.
Extra information
Please supply an email address to register for the free use of a platform to create your e-learning resources and/or websites.
Location
location type icon
Online from Vietnam
About Me
I am an experienced teacher who likes to have fun in my classes. I enjoy interacting with and teaching all sorts of people and hope I can benefit other with the skills and knowledge i have.
I bring the experience of having created 1000s of online resources and numerous online courses for students at university level and adults in various industries using Moodle and Xerte Online Toolkits (the University of Nottingham’s open source content authoring suite of tools). These have included study skills, language improvement, subject-specific courses, online textbooks and guides and many more. My resources are responsive, engaging and interactive, and consistently have excellent feedback and usage rates.
Education
Masters from University of Auckland
Completed a CELTA from Cambridge University
Completed a Gamification course with Wharton
Online web design, design and coding courses
Experience / Qualifications
10 years working at the University of Nottingham as an EAP tutor, Self Access Centre manager and e-learning resource creator.
Extensive experience with Moodle and Xerte online Toolkits (similar to Articulate).
Expert user of HTML and CSS.
Capable user of Javascript.
Age
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
English
Skills
Availability of a typical week
(GMT -05: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
Covenant
**Do you want to learn how to build websites but don't know where to start?**

Welcome to my beginner-friendly Web Development class!

I'm an ICT Instructor and Full-Stack Web Developer with practical experience teaching students and building real-world web applications.

In this interactive class, I will guide you step by step through the fundamentals of website development, even if you have never written a line of code before.

**What You Will Learn:**

- **HTML:** Understand how websites are structured using headings, paragraphs, images, links, forms, and other elements.
- **CSS:** Learn how to make websites beautiful using colours, fonts, spacing, layouts, and responsive design.
- **JavaScript:** Discover how to add interactivity and functionality to websites.
- **Visual Studio Code:** Learn how to install and use a professional code editor.
- **Practical Projects:** Build simple web pages and gradually develop your own website.
- **Debugging:** Learn how to identify and correct common coding mistakes.

**My Teaching Approach**

I explain technical concepts in simple English, using practical demonstrations, real-world examples, interactive exercises, and guided projects.

You will be encouraged to ask questions, practise during lessons, and develop confidence in your programming abilities.

**Who Is This Class For?**

This class is suitable for complete beginners, students, aspiring web developers, and anyone interested in learning how websites work.

No previous programming experience is required.

**By the end of our lessons, you will have a strong foundation in web development and the confidence to continue building your own projects.**
message icon
Contact Pete
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
Covenant
**Do you want to learn how to build websites but don't know where to start?**

Welcome to my beginner-friendly Web Development class!

I'm an ICT Instructor and Full-Stack Web Developer with practical experience teaching students and building real-world web applications.

In this interactive class, I will guide you step by step through the fundamentals of website development, even if you have never written a line of code before.

**What You Will Learn:**

- **HTML:** Understand how websites are structured using headings, paragraphs, images, links, forms, and other elements.
- **CSS:** Learn how to make websites beautiful using colours, fonts, spacing, layouts, and responsive design.
- **JavaScript:** Discover how to add interactivity and functionality to websites.
- **Visual Studio Code:** Learn how to install and use a professional code editor.
- **Practical Projects:** Build simple web pages and gradually develop your own website.
- **Debugging:** Learn how to identify and correct common coding mistakes.

**My Teaching Approach**

I explain technical concepts in simple English, using practical demonstrations, real-world examples, interactive exercises, and guided projects.

You will be encouraged to ask questions, practise during lessons, and develop confidence in your programming abilities.

**Who Is This Class For?**

This class is suitable for complete beginners, students, aspiring web developers, and anyone interested in learning how websites work.

No previous programming experience is required.

**By the end of our lessons, you will have a strong foundation in web development and the confidence to continue building your own projects.**
Good-fit Instructor Guarantee
favorite button
message icon
Contact Pete