Front end Web development Html and css for beginners -create your static website - Clases particulares

Dar clases particulares

Front end Web development Html and css for beginners -create your static website

A partir de 3.65 $ /h

First lesson: introduction of web development
2 : html intro + installation of ide
3 : html
4 : html
5 : html + exercise
6: css intro
7 : css
8 : frameworks css
9 : mini project
10 : completion of mini project
obligatory : pc, wifi
Explication in arabic or darija

Lugar

Conectado desde Marruecos

Edad

Adolescentes (13-17 años)

Adultos (18-64 años)

Nivel del estudiante

Principiante

Duración

60 minutos

La clase se imparte en

inglés

árabe

francés

Habilidades

Programación de páginas web internet

Comentarios

Disponibilidad en una semana típica.

(GMT -05:00)

Nueva York

En línea vía webcam

Mon

Tue

Wed

Thu

Fri

Sat

Sun

00-04

04-08

08-12

12-16

16-20

20-24

Gain the skill to create a fully functioning website using WordPress.
You'll have the knowledge on the essential elements that make up a website and apply it to any number of business sites that you create in future! If you need it, I'll show you how to sell your products and services online and collect payment directly through your website.
You'll learn how to set up an automated system in your website that will help to generate and capture leads for your project.

Go (Golang) is a great option either as your first programming language or as a next step in your already established developer carrier.
Some of its concepts and idioms might seems difficult to grasp but with the right guidance you will discover that they make sense and they make development really fun and easy.
I am happy to share with you my passion for Go so just send me a message and let's start!

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

Hello dear web entrepreneur,

Search Engine Optimization (SEO) is the key to giving your site the visibility it deserves and attracting qualified traffic without spending a penny on advertising. Whether you are a beginner, intermediate or advanced, my courses will teach you how to master all the essential techniques to climb in Google search results.

I support many companies on a daily basis in their SEO strategy, and I have had the privilege of collaborating with prestigious brands such as Chanel, PrestaShop and Gala. These experiences have allowed me to develop in-depth expertise and understand the specific needs of companies in terms of online visibility.

My training courses are designed to be practical and concrete, with analyses of real sites and exercises that will allow you to immediately apply the strategies learned.

Having started without any knowledge of SEO myself, I understand the difficulties you might encounter as a beginner. That's why my explanations are adapted to your level and remain focused on concrete results.

Clear answers to your questions!
Objective: “Support YOU to make you an SEO expert and make your site essential in search results!”

Good to know, I graduated from a business school and a computer science school!

Este curso está diseñado para enseñar a los participantes cómo utilizar Wix Studio/Studio X para crear sitios web modernos, funcionales y estéticamente atractivos. A lo largo del curso, los estudiantes aprenderán a aprovechar las herramientas avanzadas de diseño y desarrollo que ofrece Wix, adaptándose a diferentes necesidades profesionales y personales. El curso incluye tanto teoría como prácticas, brindando una experiencia completa para quienes deseen destacarse en el diseño web intuitivo y sin código.

1. Objetivos de Aprendizaje:

Comprender los principios de diseño web y usabilidad en el contexto de Wix Studio/Studio X.
Dominar las herramientas avanzadas de diseño visual y personalización de Wix.
Crear sitios web responsivos con diseño coherente para desktop, tablet y móvil.
Configurar funcionalidades avanzadas, como animaciones, bases de datos y e-commerce.
Integrar elementos multimedia, formularios y optimización SEO dentro de un sitio web.
Publicar y gestionar sitios web, asegurando su mantenimiento y actualización.

2. Requisitos Previos:

Conocimientos básicos de navegación en internet.
Familiaridad con conceptos básicos de diseño gráfico (opcional).

3. Temas Principales del Curso:

Introducción a Wix Studio/Studio X

Qué es Wix y cómo funciona su ecosistema.
Exploración del editor de Wix Studio.
Comparativa con otras herramientas de diseño web.
Diseño Web Centrado en la Experiencia de Usuario (UX/UI)

Principios de diseño responsivo.
Creación de interfaces amigables y funcionales.
Personalización de plantillas y diseño desde cero.
Funcionalidades Avanzadas de Wix Studio

Uso de Wix Editor X para proyectos avanzados.
Creación de animaciones y transiciones visuales.
Bases de datos y funciones dinámicas en Wix.
SEO y Marketing Digital para Web

Optimización de contenido para motores de búsqueda (SEO).
Configuración de herramientas de análisis y métricas.
Integración de Elementos Multimedia y Herramientas Externas

Incorporación de videos, audios, formularios y galerías.
Conexión con aplicaciones y servicios externos.
Publicación y Mantenimiento de Sitios Web

Proceso de publicación y configuración de dominio.
Buenas prácticas para la gestión de contenido post-publicación.

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.

Many people consider this course to be complex due to the logical imposition imposed, in addition to the frequent use of mathematics in propositional approaches, basic, algebraic expressions, trigonometry and calculus, and not to forget the numerical methods used by many engineers in their fields of work. However, given this, the course is flexible and easy to adapt, although we have to deal with aspects of mathematics, including physics, statistics, etc. It will not be something that causes trauma because the methodology in many mathematical fields is easy to absorb and also keep in mind that today we face a paradigm that, although old, is something that is requested in the labor fields, even teaching, known as ARTIFICIAL INTELLIGENCE, and there it is essential to have concepts of programming, mathematics, statistics and probability, among many others.

In this course we will be introduced to the concept of performing problem analysis and deep algorithmic analysis that will result in writing programming code in JAVA, PYTHON, PHP, among many other languages so that we can feel the versatility of this entire process.

It will be something you will not forget and your willingness and desire are expected.

Construye una página web profesional sin complicaciones.

¡Tanto si no quieres programar como si deseas aprender algo más avanzado!

Con mi ayuda no solo crearás una página funcional, sino que también adquirirás las habilidades necesarias para construir otras, ya sea para ti o para tus clientes.

🎯 Este curso es la clave para:

- Crear tu propia web personal o de negocio.

- Abrir nuevas oportunidades en el mercado de desarrollo web, aumentando tu valor profesional.

- Te enseñaré todo el proceso, paso a paso:

1. Elección y contratación del dominio (la dirección web).
2. Configuración del alojamiento.
3. Instalación y creación del sitio en WordPress con Divi, una de las mejores herramientas del mercado para webs profesionales.
4. Además, pondré a tu disposición herramientas premium de mi agencia para que empieces con la mejor tecnología, sin complicaciones ni dolores de cabeza.

📌 Elige el nivel de aprendizaje:

- Sin programación: ideal para quienes quieren resultados rápidos y prácticos.
- Con programación básica y avanzada: para quienes desean dar un paso más y tener mayor control sobre el sitio.

🕐 También tengo disponibilidad para dar clases por la noche.

Este curso está diseñado para personas que desean aprender programación y desarrollo web Full Stack, así como aplicaciones prácticas de Inteligencia Artificial, desde un enfoque claro, estructurado y orientado a proyectos reales.

A lo largo del curso aprenderás a desarrollar aplicaciones web completas, integrando Frontend y Backend, manejo de bases de datos y consumo de APIs. Además, conocerás cómo aplicar Inteligencia Artificial y automatización en proyectos reales, incluyendo el uso de modelos de lenguaje (IA generativa).

El enfoque es 100% práctico, basado en mi experiencia profesional como desarrollador senior y formador de bootcamps, con ejercicios guiados, buenas prácticas y acompañamiento constante para que puedas avanzar con seguridad y confianza.

This course aims to be an introduction to the basic principles of web development, starting with the basic structure of any website: HTML (HyperText Markup Language).

This is a course for those who want to get started in the world of web development.

Please note that no prior knowledge is required to begin this course.

Este curso se imparte en modalidad online, permitiendo al alumnado formarse de manera flexible y adaptada a su ritmo, sin necesidad de desplazamientos. Está diseñado para ofrecer una formación práctica y actualizada en el ámbito de la informática y el desarrollo de aplicaciones.

A lo largo del curso se combinarán contenidos teóricos claros con ejercicios prácticos, ejemplos reales y actividades guiadas. El alumnado contará con materiales digitales, recursos explicativos y acompañamiento docente para facilitar la comprensión de los contenidos y el progreso continuo.

La metodología online fomenta el aprendizaje autónomo, el desarrollo de habilidades técnicas y la resolución de problemas, utilizando herramientas y entornos habituales en el sector profesional. No se requieren conocimientos avanzados previos, aunque sí compromiso y participación activa.

Al finalizar el curso, el alumnado habrá adquirido una base sólida de conocimientos y competencias que le permitirá aplicar lo aprendido en proyectos reales o continuar su formación en niveles más avanzados.

Want to learn how to build real websites and web applications from scratch, even if you have no prior experience? 💻✨
You can choose from classes on specific topics or the complete Web Development Course. You'll learn, in a practical and progressive way, the skills needed to create responsive web pages and websites (for viewing on mobile devices or all types of screens), regardless of your academic level or age. Teenagers, young adults, adults; anyone can learn, all you need is the desire! I am a frontend developer and psychomotor therapist with over 20 years of experience in teaching and learning processes, focusing on the individual needs of each learner.

In this course you will learn the basics of programming, web application development and how to integrate it with a mobile application.
It also covers aspects such as database management, web application frontend design, and mobile application publishing.

Do you want to learn to program from scratch and create real web applications?
In this course you will learn JavaScript, the fundamental language of modern web development, used by millions of developers worldwide.

You don't need any prior programming experience. We'll start with the basics and progress step by step until you're able to create interactive projects on your own. If you have prior experience, we can start where you're comfortable or where you need assistance.

What will you learn?
Programming Fundamentals
Variables, data types, and operators
Conditionals and loops
Reusable functions and structures
Arrays and objects
DOM Manipulation
Events and forms
Introduction to asynchrony (promises and async/await)
API consumption
Development of practical projects

Methodology
The course is 100% practical:
Live programming
Guided exercises
Mini-projects in each module

The goal is not only to understand the theory, but to learn to think like a programmer and acquire a solid foundation to move towards modern frameworks like React or Node.js.

Who is it addressed to?
People with no prior experience
Students who want to strengthen their programming
Professionals who want to get into web development
Anyone interested in the world of technology

At the end of the course you will be able to create interactive web applications and you will have a solid foundation to continue advancing in frontend or backend development.

Este curso está diseñado para estudiantes que desean comprender las matemáticas de manera estructurada, lógica y consciente, dejando atrás la memorización mecánica de procedimientos.

La propuesta académica se centra en el análisis profundo de cada ejercicio como herramienta para desarrollar el razonamiento lógico. Cada problema es abordado como una oportunidad para entrenar la capacidad analítica, descomponiendo su estructura en partes simples, identificando los conceptos clave y construyendo soluciones de forma organizada y fundamentada.

El objetivo no es únicamente resolver ejercicios, sino comprender el porqué de cada paso, establecer conexiones claras entre teoría y práctica, y formar un pensamiento autónomo capaz de enfrentarse a situaciones nuevas con criterio propio. Durante las sesiones se promueve la participación activa, la formulación constante de preguntas, la comparación de estrategias y la revisión crítica de errores, entendiendo que equivocarse forma parte esencial del proceso de aprendizaje.

Al finalizar el proceso, el estudiante no solo mejora su rendimiento académico, sino que adquiere herramientas lógicas transferibles a cualquier tipo de problema, incluso aquellos que no ha visto previamente.

Gain the skill to create a fully functioning website using WordPress.
You'll have the knowledge on the essential elements that make up a website and apply it to any number of business sites that you create in future! If you need it, I'll show you how to sell your products and services online and collect payment directly through your website.
You'll learn how to set up an automated system in your website that will help to generate and capture leads for your project.

Go (Golang) is a great option either as your first programming language or as a next step in your already established developer carrier.
Some of its concepts and idioms might seems difficult to grasp but with the right guidance you will discover that they make sense and they make development really fun and easy.
I am happy to share with you my passion for Go so just send me a message and let's start!

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

Hello dear web entrepreneur,

Search Engine Optimization (SEO) is the key to giving your site the visibility it deserves and attracting qualified traffic without spending a penny on advertising. Whether you are a beginner, intermediate or advanced, my courses will teach you how to master all the essential techniques to climb in Google search results.

I support many companies on a daily basis in their SEO strategy, and I have had the privilege of collaborating with prestigious brands such as Chanel, PrestaShop and Gala. These experiences have allowed me to develop in-depth expertise and understand the specific needs of companies in terms of online visibility.

My training courses are designed to be practical and concrete, with analyses of real sites and exercises that will allow you to immediately apply the strategies learned.

Having started without any knowledge of SEO myself, I understand the difficulties you might encounter as a beginner. That's why my explanations are adapted to your level and remain focused on concrete results.

Clear answers to your questions!
Objective: “Support YOU to make you an SEO expert and make your site essential in search results!”

Good to know, I graduated from a business school and a computer science school!

Este curso está diseñado para enseñar a los participantes cómo utilizar Wix Studio/Studio X para crear sitios web modernos, funcionales y estéticamente atractivos. A lo largo del curso, los estudiantes aprenderán a aprovechar las herramientas avanzadas de diseño y desarrollo que ofrece Wix, adaptándose a diferentes necesidades profesionales y personales. El curso incluye tanto teoría como prácticas, brindando una experiencia completa para quienes deseen destacarse en el diseño web intuitivo y sin código.

1. Objetivos de Aprendizaje:

Comprender los principios de diseño web y usabilidad en el contexto de Wix Studio/Studio X.
Dominar las herramientas avanzadas de diseño visual y personalización de Wix.
Crear sitios web responsivos con diseño coherente para desktop, tablet y móvil.
Configurar funcionalidades avanzadas, como animaciones, bases de datos y e-commerce.
Integrar elementos multimedia, formularios y optimización SEO dentro de un sitio web.
Publicar y gestionar sitios web, asegurando su mantenimiento y actualización.

2. Requisitos Previos:

Conocimientos básicos de navegación en internet.
Familiaridad con conceptos básicos de diseño gráfico (opcional).

3. Temas Principales del Curso:

Introducción a Wix Studio/Studio X

Qué es Wix y cómo funciona su ecosistema.
Exploración del editor de Wix Studio.
Comparativa con otras herramientas de diseño web.
Diseño Web Centrado en la Experiencia de Usuario (UX/UI)

Principios de diseño responsivo.
Creación de interfaces amigables y funcionales.
Personalización de plantillas y diseño desde cero.
Funcionalidades Avanzadas de Wix Studio

Uso de Wix Editor X para proyectos avanzados.
Creación de animaciones y transiciones visuales.
Bases de datos y funciones dinámicas en Wix.
SEO y Marketing Digital para Web

Optimización de contenido para motores de búsqueda (SEO).
Configuración de herramientas de análisis y métricas.
Integración de Elementos Multimedia y Herramientas Externas

Incorporación de videos, audios, formularios y galerías.
Conexión con aplicaciones y servicios externos.
Publicación y Mantenimiento de Sitios Web

Proceso de publicación y configuración de dominio.
Buenas prácticas para la gestión de contenido post-publicación.

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.

Many people consider this course to be complex due to the logical imposition imposed, in addition to the frequent use of mathematics in propositional approaches, basic, algebraic expressions, trigonometry and calculus, and not to forget the numerical methods used by many engineers in their fields of work. However, given this, the course is flexible and easy to adapt, although we have to deal with aspects of mathematics, including physics, statistics, etc. It will not be something that causes trauma because the methodology in many mathematical fields is easy to absorb and also keep in mind that today we face a paradigm that, although old, is something that is requested in the labor fields, even teaching, known as ARTIFICIAL INTELLIGENCE, and there it is essential to have concepts of programming, mathematics, statistics and probability, among many others.

In this course we will be introduced to the concept of performing problem analysis and deep algorithmic analysis that will result in writing programming code in JAVA, PYTHON, PHP, among many other languages so that we can feel the versatility of this entire process.

It will be something you will not forget and your willingness and desire are expected.

Construye una página web profesional sin complicaciones.

¡Tanto si no quieres programar como si deseas aprender algo más avanzado!

Con mi ayuda no solo crearás una página funcional, sino que también adquirirás las habilidades necesarias para construir otras, ya sea para ti o para tus clientes.

🎯 Este curso es la clave para:

- Crear tu propia web personal o de negocio.

- Abrir nuevas oportunidades en el mercado de desarrollo web, aumentando tu valor profesional.

- Te enseñaré todo el proceso, paso a paso:

1. Elección y contratación del dominio (la dirección web).
2. Configuración del alojamiento.
3. Instalación y creación del sitio en WordPress con Divi, una de las mejores herramientas del mercado para webs profesionales.
4. Además, pondré a tu disposición herramientas premium de mi agencia para que empieces con la mejor tecnología, sin complicaciones ni dolores de cabeza.

📌 Elige el nivel de aprendizaje:

- Sin programación: ideal para quienes quieren resultados rápidos y prácticos.
- Con programación básica y avanzada: para quienes desean dar un paso más y tener mayor control sobre el sitio.

🕐 También tengo disponibilidad para dar clases por la noche.

Este curso está diseñado para personas que desean aprender programación y desarrollo web Full Stack, así como aplicaciones prácticas de Inteligencia Artificial, desde un enfoque claro, estructurado y orientado a proyectos reales.

A lo largo del curso aprenderás a desarrollar aplicaciones web completas, integrando Frontend y Backend, manejo de bases de datos y consumo de APIs. Además, conocerás cómo aplicar Inteligencia Artificial y automatización en proyectos reales, incluyendo el uso de modelos de lenguaje (IA generativa).

El enfoque es 100% práctico, basado en mi experiencia profesional como desarrollador senior y formador de bootcamps, con ejercicios guiados, buenas prácticas y acompañamiento constante para que puedas avanzar con seguridad y confianza.

This course aims to be an introduction to the basic principles of web development, starting with the basic structure of any website: HTML (HyperText Markup Language).

This is a course for those who want to get started in the world of web development.

Please note that no prior knowledge is required to begin this course.

Este curso se imparte en modalidad online, permitiendo al alumnado formarse de manera flexible y adaptada a su ritmo, sin necesidad de desplazamientos. Está diseñado para ofrecer una formación práctica y actualizada en el ámbito de la informática y el desarrollo de aplicaciones.

A lo largo del curso se combinarán contenidos teóricos claros con ejercicios prácticos, ejemplos reales y actividades guiadas. El alumnado contará con materiales digitales, recursos explicativos y acompañamiento docente para facilitar la comprensión de los contenidos y el progreso continuo.

La metodología online fomenta el aprendizaje autónomo, el desarrollo de habilidades técnicas y la resolución de problemas, utilizando herramientas y entornos habituales en el sector profesional. No se requieren conocimientos avanzados previos, aunque sí compromiso y participación activa.

Al finalizar el curso, el alumnado habrá adquirido una base sólida de conocimientos y competencias que le permitirá aplicar lo aprendido en proyectos reales o continuar su formación en niveles más avanzados.

Want to learn how to build real websites and web applications from scratch, even if you have no prior experience? 💻✨
You can choose from classes on specific topics or the complete Web Development Course. You'll learn, in a practical and progressive way, the skills needed to create responsive web pages and websites (for viewing on mobile devices or all types of screens), regardless of your academic level or age. Teenagers, young adults, adults; anyone can learn, all you need is the desire! I am a frontend developer and psychomotor therapist with over 20 years of experience in teaching and learning processes, focusing on the individual needs of each learner.

In this course you will learn the basics of programming, web application development and how to integrate it with a mobile application.
It also covers aspects such as database management, web application frontend design, and mobile application publishing.

Do you want to learn to program from scratch and create real web applications?
In this course you will learn JavaScript, the fundamental language of modern web development, used by millions of developers worldwide.

You don't need any prior programming experience. We'll start with the basics and progress step by step until you're able to create interactive projects on your own. If you have prior experience, we can start where you're comfortable or where you need assistance.

What will you learn?
Programming Fundamentals
Variables, data types, and operators
Conditionals and loops
Reusable functions and structures
Arrays and objects
DOM Manipulation
Events and forms
Introduction to asynchrony (promises and async/await)
API consumption
Development of practical projects

Methodology
The course is 100% practical:
Live programming
Guided exercises
Mini-projects in each module

The goal is not only to understand the theory, but to learn to think like a programmer and acquire a solid foundation to move towards modern frameworks like React or Node.js.

Who is it addressed to?
People with no prior experience
Students who want to strengthen their programming
Professionals who want to get into web development
Anyone interested in the world of technology

At the end of the course you will be able to create interactive web applications and you will have a solid foundation to continue advancing in frontend or backend development.

Este curso está diseñado para estudiantes que desean comprender las matemáticas de manera estructurada, lógica y consciente, dejando atrás la memorización mecánica de procedimientos.

La propuesta académica se centra en el análisis profundo de cada ejercicio como herramienta para desarrollar el razonamiento lógico. Cada problema es abordado como una oportunidad para entrenar la capacidad analítica, descomponiendo su estructura en partes simples, identificando los conceptos clave y construyendo soluciones de forma organizada y fundamentada.

El objetivo no es únicamente resolver ejercicios, sino comprender el porqué de cada paso, establecer conexiones claras entre teoría y práctica, y formar un pensamiento autónomo capaz de enfrentarse a situaciones nuevas con criterio propio. Durante las sesiones se promueve la participación activa, la formulación constante de preguntas, la comparación de estrategias y la revisión crítica de errores, entendiendo que equivocarse forma parte esencial del proceso de aprendizaje.

Al finalizar el proceso, el estudiante no solo mejora su rendimiento académico, sino que adquiere herramientas lógicas transferibles a cualquier tipo de problema, incluso aquellos que no ha visto previamente.

Garantía del Buen Profesor

Contactar con Zahra