Introduction to Web Design and Development with Projects - Cours particulier

Donner des Cours

Introduction to Web Design and Development with Projects

Àpd 30 $ /h

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

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

Compétences

Développement de site web (internet)

Disponibilité semaine type

(GMT -05:00)

New York

Cours par webcam

Mon

Tue

Wed

Thu

Fri

Sat

Sun

00-04

04-08

08-12

12-16

16-20

20-24

With 7 years of experience as a developer in a Factory, I now develop Wordpress websites for large groups.

In the training program, you will learn to:

- Install, configure, and deploy WordPress sites
- Develop custom Wordpress themes and plugins
- Use powerful tools like ACF Pro, Gravity Forms, WPML, AIOS Security, WP rocket...
- Create custom post types and tailor-made taxonomies
- Develop pages using the right methods in HTML, CSS, Javascript & PHP
- Administer and manage a site database
- Contribute to the good natural referencing (SEO) of your site
- Use WP-Cli to speed up the maintenance of your sites
- Use Docker to containerize your local/prod projects and facilitate their management
- Administer your WP sites the right way
- And much more...

For any questions, you can contact me by PM.

See you soon,
Matthew

Formateur en développement Web (HTML, CSS, JavaScript, Jquery, Angular JS, Angular, React, Node JS, Express JS, PHP, Symfony, Laravel, MySQL, Mongo DB, Bootstrap, WordPress, Joomla, référencement Web, ...) et en programmation informatique (Algorithmique, C, C++, ...) avec plus de dix ans d’expérience dispense des cours en ligne

Doctor trainer in IT teaches you the basics of designing static and dynamic (programmed) web pages.
- Design of HTML web pages
- Applying CSS and SASS styles
- Make the web pages "Responsive"
-Angular framework
- Backend programming: PHP language, or Java/JSP
- Web API
- connection to a MYSQL Database, FireBase

L'HTML est souvent une étape un peu compliqué dans son apprentissage. Or, il se trouve qu'aujourd'hui l'HTML5 regorge d'outils qui facilitent la vie du développeur WEB. Ici nous feront que quelques cours pour vous donnez les bases et ainsi vous préparer à vos examens en toute sécurité !

Depending on your level of experience and coding knowledge we will set our class goals.

In this class you will learn how to build high performing websites. First, we will start by learning the basic lifecycle of a software application. Then, we will start to go through each step little by little to help you learn the tools that a Software Engineer needs. Together, we will build a Web Application using the most in demand technologies such as: Spring Boot/ExpressJs for the backend and Angular/ReactJs for the frontend.
In this course, you will not only learn how to build a website, but also you will learn many key concepts in web dev such as HTTP requests, REST APIs, MVC, Design Patterns, and many more interesting topics.

All these subjects will be covered with great code examples to help you understand and memorize what you just have learned.

If you are also are looking for help with your exams or school work do not hesitate to contact me as this course could surely be tailored to your exact needs.

Hoping we could have a great learning time. Peace🤍

This course is for beginners and apprentices who want to learn React.js and create their first mini web project.

You will learn :

Installing and configuring a React environment

Basic concepts: components, accessories, condition

Event and form management

Using Hooks (useState, useEffect)

Simple connection to an API or local storage

Completion of a mini practical project (e.g., To-Do List, Portfolio, Mini Dashboard)

Your project is broken? Deadline approaching? Can't deploy? I help developers and students fix bugs, optimize code, and deploy applications to production.
I Specialize In:

Emergency Debugging: Find and fix errors fast (frontend crashes, backend timeouts, database issues)
Deployment Rescue: Get your app live when nothing works (AWS, Vercel, Netlify)
Performance Optimization: Speed up slow applications (database queries, API responses, bundle size)
CI/CD Setup: Automate your deployment pipeline (GitHub Actions, testing, monitoring)

Common Problems I Solve:

❌ "My app works locally but crashes in production"
❌ "Database queries are too slow"
❌ "Authentication isn't working"
❌ "Can't deploy to AWS / Vercel"
❌ "Getting weird errors I don't understand"
❌ "Payment integration (Stripe) not working"

Technologies I Work With:

Frontend: React, Next.js, TypeScript, Vue, Angular
Backend: Node.js, NestJS, Express, Python (Django, Flask)
Databases: PostgreSQL, MySQL, MongoDB, Redis
Cloud: AWS (EC2, RDS, S3), Vercel, Netlify, Render
DevOps: Docker, CI/CD, GitHub Actions, Nginx

Perfect For:

Students: Fix your project before the deadline
Junior Developers: Debug production issues you can't solve alone
Freelancers: Get unstuck on client projects fast
Startups: Fix and deploy your MVP without hiring a full-time engineer

How It Works:

Live Debugging Session: We fix it together via screen share
Code Review: I show you how to prevent the issue in the future
Documentation: You get a summary of what was fixed and why

Average Resolution Time:

Simple bugs: 1-2 hours
Deployment issues: 2-3 hours
Complex debugging: 3-5 hours

Urgent projects accepted (same-day availability for emergencies).

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

For hobbyists, students or marketing professionals, web languages are increasingly essential.

My mission: to teach you the logic and rules of HTML and CSS languages through practice.
I like to make sure that the learner feels comfortable, receives clear explanations and learns while having fun.

My goal: to enable you to create your own web page in just a few lessons.

This Angular course will teach you how to develop modern, dynamic web applications using the Angular framework. You'll learn fundamental concepts like components, directives, services, route management, and interacting with REST APIs. Through hands-on exercises and real-world projects, you'll master development best practices and optimize your applications for increased performance. Whether you're a beginner or an experienced developer looking to expand your knowledge, this course will equip you with the skills you need to build robust, scalable applications with Angular.

This course is designed for students who want to gain a solid understanding of basic computer science concepts. It covers the logic behind computer systems, starting with the inner workings of a computer and progressing to topics such as networking, operating systems, and basic programming.

Whether you're considering a career in technology or simply want to better understand the digital world around us, this course will give you the tools you need to navigate the information age.

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.

Dans ce cours, vous êtes accompagné étape par étape pour maîtriser le développement web.
Mon approche est rigoureuse : on consolide les fondamentaux (HTML, CSS, JavaScript, PHP) avant de progresser vers des concepts plus avancés(Angular, ASP.NET, Symfony).
Ce cours s'adresse aussi bien au débutant comme au profil plus avancé.
L’objectif : vous rendre vraiment compétent, capable de concevoir et maintenir des projets de A à Z.

This class is designed for students, young adults, or professionals who want to better understand computer science and programming, whether they are beginners or already have some experience.

I focus on helping students understand concepts deeply, not just memorize syntax. Topics can include programming fundamentals, algorithms, problem-solving, debugging, and practical projects using languages such as Python, JavaScript, HTML/CSS or SQL, depending on your goals.

My teaching approach is structured, progressive and adapted to each student’s level. I take the time to explain complex ideas in a clear and concrete way, using real-life examples and hands-on exercises.

Lessons can be oriented toward:
- discovering programming from scratch
- strengthening academic knowledge
- preparing exams or technical interviews
- supporting career change or personal projects

Between sessions, I may suggest small exercises or mini-projects to help consolidate what we’ve learned, always at a pace that keeps students motivated, not overwhelmed.

I offer computer courses tailored to your level, using a simple, practical and personalized approach.

As a former developer with nine years of experience, I've created numerous websites for various projects: showcase sites, e-commerce sites, and professional platforms. I can assist you if you want to understand how a website works, create your own, or improve an existing project.

For adults and seniors, I also offer a progressive introduction: using a computer, the Internet, managing emails, digital security, Excel... The goal is to gain autonomy and confidence.

Each session is built around your real needs. We progress step by step, without pressure, with plenty of practice.

With 7 years of experience as a developer in a Factory, I now develop Wordpress websites for large groups.

In the training program, you will learn to:

- Install, configure, and deploy WordPress sites
- Develop custom Wordpress themes and plugins
- Use powerful tools like ACF Pro, Gravity Forms, WPML, AIOS Security, WP rocket...
- Create custom post types and tailor-made taxonomies
- Develop pages using the right methods in HTML, CSS, Javascript & PHP
- Administer and manage a site database
- Contribute to the good natural referencing (SEO) of your site
- Use WP-Cli to speed up the maintenance of your sites
- Use Docker to containerize your local/prod projects and facilitate their management
- Administer your WP sites the right way
- And much more...

For any questions, you can contact me by PM.

See you soon,
Matthew

Formateur en développement Web (HTML, CSS, JavaScript, Jquery, Angular JS, Angular, React, Node JS, Express JS, PHP, Symfony, Laravel, MySQL, Mongo DB, Bootstrap, WordPress, Joomla, référencement Web, ...) et en programmation informatique (Algorithmique, C, C++, ...) avec plus de dix ans d’expérience dispense des cours en ligne

Doctor trainer in IT teaches you the basics of designing static and dynamic (programmed) web pages.
- Design of HTML web pages
- Applying CSS and SASS styles
- Make the web pages "Responsive"
-Angular framework
- Backend programming: PHP language, or Java/JSP
- Web API
- connection to a MYSQL Database, FireBase

L'HTML est souvent une étape un peu compliqué dans son apprentissage. Or, il se trouve qu'aujourd'hui l'HTML5 regorge d'outils qui facilitent la vie du développeur WEB. Ici nous feront que quelques cours pour vous donnez les bases et ainsi vous préparer à vos examens en toute sécurité !

Depending on your level of experience and coding knowledge we will set our class goals.

In this class you will learn how to build high performing websites. First, we will start by learning the basic lifecycle of a software application. Then, we will start to go through each step little by little to help you learn the tools that a Software Engineer needs. Together, we will build a Web Application using the most in demand technologies such as: Spring Boot/ExpressJs for the backend and Angular/ReactJs for the frontend.
In this course, you will not only learn how to build a website, but also you will learn many key concepts in web dev such as HTTP requests, REST APIs, MVC, Design Patterns, and many more interesting topics.

All these subjects will be covered with great code examples to help you understand and memorize what you just have learned.

If you are also are looking for help with your exams or school work do not hesitate to contact me as this course could surely be tailored to your exact needs.

Hoping we could have a great learning time. Peace🤍

This course is for beginners and apprentices who want to learn React.js and create their first mini web project.

You will learn :

Installing and configuring a React environment

Basic concepts: components, accessories, condition

Event and form management

Using Hooks (useState, useEffect)

Simple connection to an API or local storage

Completion of a mini practical project (e.g., To-Do List, Portfolio, Mini Dashboard)

Your project is broken? Deadline approaching? Can't deploy? I help developers and students fix bugs, optimize code, and deploy applications to production.
I Specialize In:

Emergency Debugging: Find and fix errors fast (frontend crashes, backend timeouts, database issues)
Deployment Rescue: Get your app live when nothing works (AWS, Vercel, Netlify)
Performance Optimization: Speed up slow applications (database queries, API responses, bundle size)
CI/CD Setup: Automate your deployment pipeline (GitHub Actions, testing, monitoring)

Common Problems I Solve:

❌ "My app works locally but crashes in production"
❌ "Database queries are too slow"
❌ "Authentication isn't working"
❌ "Can't deploy to AWS / Vercel"
❌ "Getting weird errors I don't understand"
❌ "Payment integration (Stripe) not working"

Technologies I Work With:

Frontend: React, Next.js, TypeScript, Vue, Angular
Backend: Node.js, NestJS, Express, Python (Django, Flask)
Databases: PostgreSQL, MySQL, MongoDB, Redis
Cloud: AWS (EC2, RDS, S3), Vercel, Netlify, Render
DevOps: Docker, CI/CD, GitHub Actions, Nginx

Perfect For:

Students: Fix your project before the deadline
Junior Developers: Debug production issues you can't solve alone
Freelancers: Get unstuck on client projects fast
Startups: Fix and deploy your MVP without hiring a full-time engineer

How It Works:

Live Debugging Session: We fix it together via screen share
Code Review: I show you how to prevent the issue in the future
Documentation: You get a summary of what was fixed and why

Average Resolution Time:

Simple bugs: 1-2 hours
Deployment issues: 2-3 hours
Complex debugging: 3-5 hours

Urgent projects accepted (same-day availability for emergencies).

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

For hobbyists, students or marketing professionals, web languages are increasingly essential.

My mission: to teach you the logic and rules of HTML and CSS languages through practice.
I like to make sure that the learner feels comfortable, receives clear explanations and learns while having fun.

My goal: to enable you to create your own web page in just a few lessons.

This Angular course will teach you how to develop modern, dynamic web applications using the Angular framework. You'll learn fundamental concepts like components, directives, services, route management, and interacting with REST APIs. Through hands-on exercises and real-world projects, you'll master development best practices and optimize your applications for increased performance. Whether you're a beginner or an experienced developer looking to expand your knowledge, this course will equip you with the skills you need to build robust, scalable applications with Angular.

This course is designed for students who want to gain a solid understanding of basic computer science concepts. It covers the logic behind computer systems, starting with the inner workings of a computer and progressing to topics such as networking, operating systems, and basic programming.

Whether you're considering a career in technology or simply want to better understand the digital world around us, this course will give you the tools you need to navigate the information age.

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.

Dans ce cours, vous êtes accompagné étape par étape pour maîtriser le développement web.
Mon approche est rigoureuse : on consolide les fondamentaux (HTML, CSS, JavaScript, PHP) avant de progresser vers des concepts plus avancés(Angular, ASP.NET, Symfony).
Ce cours s'adresse aussi bien au débutant comme au profil plus avancé.
L’objectif : vous rendre vraiment compétent, capable de concevoir et maintenir des projets de A à Z.

This class is designed for students, young adults, or professionals who want to better understand computer science and programming, whether they are beginners or already have some experience.

I focus on helping students understand concepts deeply, not just memorize syntax. Topics can include programming fundamentals, algorithms, problem-solving, debugging, and practical projects using languages such as Python, JavaScript, HTML/CSS or SQL, depending on your goals.

My teaching approach is structured, progressive and adapted to each student’s level. I take the time to explain complex ideas in a clear and concrete way, using real-life examples and hands-on exercises.

Lessons can be oriented toward:
- discovering programming from scratch
- strengthening academic knowledge
- preparing exams or technical interviews
- supporting career change or personal projects

Between sessions, I may suggest small exercises or mini-projects to help consolidate what we’ve learned, always at a pace that keeps students motivated, not overwhelmed.

I offer computer courses tailored to your level, using a simple, practical and personalized approach.

As a former developer with nine years of experience, I've created numerous websites for various projects: showcase sites, e-commerce sites, and professional platforms. I can assist you if you want to understand how a website works, create your own, or improve an existing project.

For adults and seniors, I also offer a progressive introduction: using a computer, the Internet, managing emails, digital security, Excel... The goal is to gain autonomy and confidence.

Each session is built around your real needs. We progress step by step, without pressure, with plenty of practice.

Garantie Le-Bon-Prof

Contacter Wachiye