facebook
favorite button
member since icon
Depuis janvier 2023
Professeur depuis janvier 2023
Introduction to Web Design and Development with Projects
course price icon
Àpd 42.43 C$ /h
arrow icon
Web Development is an introduction to the design, creation, and maintenance of web pages and websites. In this course, you learn how to critically evaluate website quality, learn how to create and maintain quality web pages, learn about web design standards and why they're important, and learn to create and manipulate images. The course progresses from introductory work on web design to a culminating project in which students design and develop websites for local community organizations.

What to expect:
Introduction to Web Development Concepts
Learn web design
Learn HTML, CSS and JavaScript
Create static one page website
Create multiple page webpage
Introduction to CSS and JavaScript frameworks
Database choice and Integration
Learn One Backend Language (Node, PHP, Python, Java)
Build your portfolio website
Version Control Systems (Git)
Web Hosting and Deployment
Informations supplémentaires
You need to have a laptop
You need to have internet connection
Lieu
location type icon
En ligne depuis Kenya
Présentation
I have extensive skills in web development with a specialization in JavaScript (Frontend and Backend) but also good with PHP, Java and Python.
With 4+ Years of experience as a full stack developer, I believe I am the write person you have been looking for.
I value time and guarantee quality work.

I believe we are going to reach an agreement and work together. Let's get started
Education
Bachelor of science degree in Computer Science from Egerton University.

Certified Web Developer (JavaScript and NodeJs) from Eucossa.

Member of Google Student Development Program
Expérience / Qualifications
4+ Years of Experience working as a Full stack Developer.

Languages: Node,php, Java, python
Database: MySQL, Ms SQL, MongoDB
Age
Enfants (7-12 ans)
Adolescents (13-17 ans)
Adultes (18-64 ans)
Niveau du Cours
Débutant
Intermédiaire
Durée
60 minutes
Enseigné en
anglais
Disponibilité semaine type
(GMT -04:00)
New York
at teacher icon
Cours par webcam
Mon
Tue
Wed
Thu
Fri
Sat
Sun
00-04
04-08
08-12
12-16
16-20
20-24
Cours Similaires
arrow icon previousarrow icon next
verified badge
Gaëtan
This course is suitable for all levels and will be adapted according to your projects, the principles are applicable to any type of programming whether for web development, application programming or video games.

The same principles therefore apply to the CMS Joomla, Drupal and the online commerce platforms WooCommerce, Magento, Prestashop and Shopify themes.

Introduction to Web Development
- Overview of web technologies
- Client side vs server side development

HTML (Hypertext Markup Language)
- Structuring web content
- HTML5 Features and Tags

CSS (Cascading Style Sheets)
- Formatting of web pages
- CSS and SCSS

JavaScript, PHP, MySQL
- Fundamentals of JavaScript, PHP and MySQL
- DOM manipulation
- Asynchronous and AJAX programming

Front-End Development
- Responsive web design
- Cross-browser compatibility
- Using CodeKit

Back-End Development
- Choose a suitable web hosting
- Server management and hosting options
- Use of SFTP server
- Create and manage MySQL databases
- Web security, how to avoid hacks
- SEO and speed optimization

WordPress
- Configuration and installation of WordPress
- Installation and customization of themes (Avada in particular)
- Installation and configuration of WooCommerce
- How to manage payments on WooCommerce
- Adapt the colors of a plug-in

SilverStripe
- Install via composer
- Configuration and installation of SilverStripe
- Create a custom theme
- Create a custom back end for SilverStripe
- Create new objects in OOP
- Create templates to visualize objects
- Program routines in PHP and JQuery
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
Hocine
À propos du cours
Vous souhaitez créer votre premier site internet, vous reconvertir dans la tech ou simplement valider un examen ? Je vous propose un accompagnement sur mesure, adapté à votre rythme et à vos objectifs réels.

Le développement web peut paraître complexe au début, mais avec la bonne méthode, tout devient logique. Mon approche est 100% pratique : on apprend mieux en codant des projets concrets qu'en lisant des manuels !

Ce que je vous propose d'apprendre :
Les bases solides : HTML5 , CSS3 et Javascript.

Le dynamisme : JavaScript moderne (ES6+), manipulation du DOM, appels d'API.

Frameworks & Outils : React.js, Vue.js ou Node.js (selon vos besoins).

Workflow professionnel : Utilisation de Git/GitHub, VS Code, et déploiement en ligne.

Aide aux projets : Coaching sur vos projets personnels ou préparation aux titres professionnels.

Ma méthodologie
Diagnostic : Lors du premier échange, nous définissons vos objectifs et votre niveau actuel.

Pratique immédiate : Chaque concept est illustré par un exercice ou un mini-projet.

Supports de cours : Je vous fournis des ressources, des "cheat sheets" et le code source de nos séances.

Disponibilité : Je reste disponible par message entre deux cours pour débloquer vos éventuels bugs.

Pourquoi me choisir ?
Expérience : Développeur full stack avec 4 années d'expérience.

Pédagogie : J'ai l'habitude d'expliquer des concepts techniques complexes de manière simple et imagée.

Flexibilité : Cours en visioconférence ou en présentiel en ile de france.
message icon
Contacter Wachiye
repeat students icon
Le premier cours est couvert par notre Garantie Le-Bon-Prof
Cours Similaires
arrow icon previousarrow icon next
verified badge
Gaëtan
This course is suitable for all levels and will be adapted according to your projects, the principles are applicable to any type of programming whether for web development, application programming or video games.

The same principles therefore apply to the CMS Joomla, Drupal and the online commerce platforms WooCommerce, Magento, Prestashop and Shopify themes.

Introduction to Web Development
- Overview of web technologies
- Client side vs server side development

HTML (Hypertext Markup Language)
- Structuring web content
- HTML5 Features and Tags

CSS (Cascading Style Sheets)
- Formatting of web pages
- CSS and SCSS

JavaScript, PHP, MySQL
- Fundamentals of JavaScript, PHP and MySQL
- DOM manipulation
- Asynchronous and AJAX programming

Front-End Development
- Responsive web design
- Cross-browser compatibility
- Using CodeKit

Back-End Development
- Choose a suitable web hosting
- Server management and hosting options
- Use of SFTP server
- Create and manage MySQL databases
- Web security, how to avoid hacks
- SEO and speed optimization

WordPress
- Configuration and installation of WordPress
- Installation and customization of themes (Avada in particular)
- Installation and configuration of WooCommerce
- How to manage payments on WooCommerce
- Adapt the colors of a plug-in

SilverStripe
- Install via composer
- Configuration and installation of SilverStripe
- Create a custom theme
- Create a custom back end for SilverStripe
- Create new objects in OOP
- Create templates to visualize objects
- Program routines in PHP and JQuery
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
Hocine
À propos du cours
Vous souhaitez créer votre premier site internet, vous reconvertir dans la tech ou simplement valider un examen ? Je vous propose un accompagnement sur mesure, adapté à votre rythme et à vos objectifs réels.

Le développement web peut paraître complexe au début, mais avec la bonne méthode, tout devient logique. Mon approche est 100% pratique : on apprend mieux en codant des projets concrets qu'en lisant des manuels !

Ce que je vous propose d'apprendre :
Les bases solides : HTML5 , CSS3 et Javascript.

Le dynamisme : JavaScript moderne (ES6+), manipulation du DOM, appels d'API.

Frameworks & Outils : React.js, Vue.js ou Node.js (selon vos besoins).

Workflow professionnel : Utilisation de Git/GitHub, VS Code, et déploiement en ligne.

Aide aux projets : Coaching sur vos projets personnels ou préparation aux titres professionnels.

Ma méthodologie
Diagnostic : Lors du premier échange, nous définissons vos objectifs et votre niveau actuel.

Pratique immédiate : Chaque concept est illustré par un exercice ou un mini-projet.

Supports de cours : Je vous fournis des ressources, des "cheat sheets" et le code source de nos séances.

Disponibilité : Je reste disponible par message entre deux cours pour débloquer vos éventuels bugs.

Pourquoi me choisir ?
Expérience : Développeur full stack avec 4 années d'expérience.

Pédagogie : J'ai l'habitude d'expliquer des concepts techniques complexes de manière simple et imagée.

Flexibilité : Cours en visioconférence ou en présentiel en ile de france.
Garantie Le-Bon-Prof
favorite button
message icon
Contacter Wachiye