facebook
favorite button
member since icon
Since May 2023
Instructor since May 2023
Translated by GoogleSee original
Web integrator training: Level 1 The basics of web development
course price icon
From 39 € /h
arrow icon
Level 1: Basics of web development

This level is designed for complete beginners in web development. You will learn the fundamentals necessary to create a simple web page using HTML and CSS.

Introduction to the Web

In these first courses, you will become familiar with the basic concepts of the Internet and the Web. You will understand how browsers, servers, URLs work, and you will begin to explore basic web development languages.

Understand how the Internet and the Web work

You will learn what the Internet is, how data is transmitted over the Web, and the difference between the Web and the Internet.
Introduction to HTML and first tags

You will learn about HTML (HyperText Markup Language) and begin to use basic HTML tags to create the structure of a web page.

Structuring a web page with HTML

You'll learn how to organize your page content using elements like headings, paragraphs, lists, links, and more.

Styles and CSS

Dive into the world of Cascading Style Sheets (CSS) to give your web page a visual appearance.

Introduction to CSS and first CSS rules

You'll learn what CSS is, how to integrate it into an HTML page, and how to apply basic styles like colors and fonts.

Advanced styles with CSS (selectors, properties, etc.)

You'll explore CSS selectors, advanced styling properties, and learn how to specifically target the elements you want to style.

CSS layout and positioning

You'll become familiar with layout in CSS, using techniques like flexboxing and positioning to control the arrangement of elements on your page.
At the end of this level, you will have acquired basic skills in HTML and CSS, which will allow you to create a simple web page with structured content and a visual appearance. These are essential skills for becoming a web integrator, and they will serve you throughout your training journey.
Location
location type icon
Online from France
Age
Teenagers (13-17 years old)
Adults (18-64 years old)
Seniors (65+ years old)
Student level
Beginner
Intermediate
Advanced
Duration
120 minutes
The class is taught in
French
English
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
Level 3: Interactions with JavaScript

At Level 3, you will dive into the world of interactive programming using JavaScript. JavaScript is an essential programming language for adding dynamic functionality and interactions to your websites.

Introduction to JavaScript

In these two weeks, you will learn the basics of JavaScript and how to use it to interact with the content of your web pages.

JavaScript basics (variables, functions, etc.)

You'll learn the basic concepts of JavaScript, including variables, functions, and operations.

Manipulating the DOM with JavaScript

You will learn how to use JavaScript to manipulate the Document Object Model (DOM), which will allow you to modify the content and structure of your web pages.

Handling events with JavaScript

You'll explore how to handle events, such as mouse clicks and form submissions, using JavaScript to create user interactions.

Practical projects

In this phase, you will put into practice what you have learned by creating an interactive web project using HTML, CSS and JavaScript.

Creation of a static website (portfolio, blog, etc.) using HTML, CSS and JavaScript

You will work on a comprehensive project that integrates the skills you have learned so far, creating an interactive user experience.

Review, debugging and improvement of the project

You will review your project, resolve any problems and make improvements to refine the whole.
At the end of this level, you will have acquired a solid understanding of JavaScript and its applications in web development. You will be able to create interactive websites and manage user interactions, which is essential for developing advanced and engaging features on your websites. This level will also prepare you to tackle more advanced topics as your training progresses.
Read more
Level 2: Deepening skills

After acquiring the basics of web development in Level 1, Level 2 will allow you to strengthen your skills in HTML and CSS, while introducing you to more advanced and essential concepts for creating modern and adaptable websites.

Responsive Design

In this phase, you will focus on creating responsive websites, that is, sites that can adapt to different screen sizes, such as those of smartphones, tablets and desktop computers.

Principles of responsive design

You will learn the fundamentals of responsive design and why it is crucial in modern web development.

Media queries and adaptation to screens

You will explore media queries, which will allow you to apply different styles depending on the screen size.

Flexbox and Grid Layout for layout

You'll learn about advanced layout techniques like Flexbox and Grid Layout, which make it simple to create complex, responsive layouts.

Optimization and performance

In this step, you will learn how to optimize your websites for a smooth and fast user experience.

Understanding image and asset optimization

You'll learn how to optimize images and assets to reduce page load time.

Using minified CSS and JavaScript

You will learn how to minify your CSS and JavaScript files to reduce their size, which will improve site performance.

Introduction to web development tools

You'll explore development tools like browsers and extensions that help you debug and improve your code.
By the end of this level, you will have acquired advanced skills in responsive design, layout and optimization, enabling you to create websites that fit a wide range of devices and deliver a great experience optimal user. These skills are essential to becoming a professional web integrator.
Read more
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.
message icon
Contact Albert
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.
Good-fit Instructor Guarantee
favorite button
message icon
Contact Albert