Desarrollo Web con HTML, CSS, JavaScript, React y Nodejs

From 24 € /h

El desarrollo web es una habilidad esencial en el mundo digital actual. Tanto si quieres crear tus propias páginas como si buscas introducirte en el mundo de la programación, este curso te ofrece una base sólida y práctica.

He diseñado este curso como una introducción accesible al desarrollo web. Aprenderás a estructurar sitios con HTML, darles estilo con CSS y añadir interactividad con JavaScript. A lo largo de las clases, crearás tus propios proyectos reales paso a paso, y entenderás cómo trabajan juntos los distintos lenguajes del front-end. Ideal para quienes buscan iniciarse en la programación sin experiencia previa.

Location

Online from Spain

Age

Teenagers (13-17 years old)

Adults (18-64 years old)

Seniors (65+ years old)

Student level

Beginner

Intermediate

Advanced

Duration

60 minutes

The class is taught in

Spanish

Skills

Html

Css

Javascript

Availability of a typical week

(GMT -05:00)

New York

Online via webcam

Mon

Tue

Wed

Thu

Fri

Sat

Sun

00-04

04-08

08-12

12-16

16-20

20-24

Renaud

5.0

(23)

Formateur depuis 10 ans, je vous propose de vous accompagner dans votre apprentissage de ce logiciel.

Dreamweaver est un éditeur de code avancé. Il vous permet de créer et mettre à jour du code html et css plus facilement.

Mon cours est accessible même si vous n'avez aucune notion des langages html et css. Je vous propose même d'en apprendre les notions tout en découvrant les fonctionnalités de Dreamweaver.

Manoj

5.0

(23)

Soy un desarrollador full stack profesional con más de 15 años de experiencia práctica en ingeniería de software, diseño de sistemas e inteligencia artificial.
He trabajado en frontend, backend, DevOps e IA, creando sistemas de nivel empresarial para aplicaciones del mundo real, desde microservicios a gran escala hasta plataformas de IA cognitiva.

Me apasiona enseñar la forma real y moderna de codificar, combinando fundamentos técnicos profundos con las tecnologías más avanzadas de la actualidad: IA generativa, sistemas agenticos, arquitecturas RAG, automatización en la nube y DevOps inteligente.

Ya sea que sea un principiante que explora su primer "Hola Mundo", un profesional que mejora su stack o un investigador/desarrollador que explora sistemas de IA, puedo guiarlo paso a paso: conceptual, práctica y estratégicamente.

🧩 Lo que aprenderás
🖥️ Desarrollo Front-End

Domine cómo crear interfaces interactivas, responsivas y de alto rendimiento:

HTML / HTML5 – Estructura, semántica, formularios, accesibilidad

CSS / CSS3 / SCSS – Diseño, animaciones, diseño responsivo, Flexbox, Grid

Bootstrap / Tailwind / Material UI: marcos de diseño rápido

JavaScript (ES6+): programación funcional, bucles de eventos, cierres, async/await

TypeScript: tipado fuerte, interfaces, decoradores y genéricos

React.js / Next.js: componentes, ganchos, gestión de estados, enrutamiento, API

Angular (1.x a 17): módulos, inyección de dependencias, RxJS, arquitectura avanzada

Vue.js (opcional): programación reactiva, gestión del ciclo de vida

jQuery/AJAX: compatibilidad con versiones anteriores y comunicación backend

Rendimiento web: Lighthouse, Core Web Vitals, PWA, estrategias de almacenamiento en caché

⚙️ Desarrollo back-end y empresarial

Cree sistemas del lado del servidor escalables, seguros e inteligentes:

C / C++ / Estructuras de datos / Algoritmos / OOPS

Java / J2EE / Spring / Spring Boot / Spring Cloud / Hibernate / Struts / Wicket

Arquitectura de microservicios: puerta de enlace API, registro de servicios, comunicación entre servicios

Node.js / Express / NestJS: backend moderno de JavaScript/TypeScript

Servicios web REST y SOAP: diseño de API, seguridad y documentación (Swagger/Postman)

Python (Flask/FastAPI): API REST, pipelines de aprendizaje automático, automatización

Scripting de shell (Linux/Unix): automatización, trabajos cron, análisis de registros, scripting de DevOps

PHP / Laravel / CodeIgniter: desarrollo web backend clásico

Contenerización y orquestación: Docker, Kubernetes, Helm

CI/CD y nube: Jenkins, GitHub Actions, Azure DevOps Pipelines

☁️ Dominio de la nube y DevOps

Aprenda a crear, implementar y escalar aplicaciones en la nube:

AWS (EC2, S3, Lambda, DynamoDB, API Gateway, ECS)

Azure (servicios de aplicaciones, funciones, CosmosDB, DevOps)

Google Cloud (GCP, Vertex AI, BigQuery, Cloud Run)

Monitoreo y registro: ELK Stack (Elasticsearch, Logstash, Kibana), Grafana, Prometheus

Infraestructura como código (IaC): Terraform, AWS CDK, Azure Bicep

Control de versiones y colaboración: Git, GitHub, GitLab, Bitbucket

Pipelines de CI/CD: compilación, prueba, implementación, automatización, reversión, gestión de versiones

📱 Desarrollo de aplicaciones

Desarrollar aplicaciones móviles e híbridas de extremo a extremo:

Android (Java/Kotlin): UI/UX, ciclo de vida de la actividad, integración de API

Frameworks híbridos: Ionic, Cordova, React Native

Aplicaciones web progresivas (PWA): optimización para dispositivos móviles, almacenamiento en caché y sin conexión

Integración de Firebase: autenticación, Firestore y mensajería en la nube

🤖 Inteligencia artificial y aprendizaje automático

Descubra cómo se construyen e implementan los sistemas de IA modernos:

Fundamentos de IA: redes neuronales, aprendizaje supervisado y no supervisado

Aprendizaje automático con Python: scikit-learn, TensorFlow, PyTorch

Procesamiento del lenguaje natural (PLN): Transformadores, BERT, GPT

Visión artificial: OpenCV, YOLO, clasificación de imágenes

API e integraciones de IA: Google DialogFlow, Azure Cognitive Services, API de OpenAI

🧬 IA generativa, RAG y sistemas agentes

Enfoque especial en la integración y automatización de IA en el mundo real:

Modelos de IA generativos (GPT, Claude, Gemini, Llama, Mistral): implementación práctica

Ingeniería de indicaciones: diseño de marcos de indicaciones potentes y reutilizables

Generación aumentada por recuperación (RAG): arquitecturas híbridas de búsqueda y generación

Sistemas de IA con agentes: creación de flujos de trabajo autónomos con múltiples agentes (p. ej., AutoGPT, CrewAI)

RAG Agenético: sistemas de memoria contextual, encadenamiento y razonamiento

LangChain / LlamaIndex: pipelines RAG, cargadores de documentos, incrustaciones, bases de datos vectoriales

Bases de datos vectoriales: Pinecone, Chroma, Weaviate, FAISS

Gráficos de conocimiento y gestión del contexto: vinculación de datos empresariales con RAG

Implementación de aplicaciones de IA: FastAPI + Streamlit + LangServe + Docker

Herramientas de copiloto e IA: GitHub Copilot, API ChatGPT, intérprete de código, Vertex AI Studio

Kit para desarrolladores de Google AI (ADK): Edge AI, TensorFlow Lite, Coral y servicio de modelos

Inteligencia artificial de voz y diseño conversacional: Dialogflow CX, OpenAI Assistants, ElevenLabs

🔬 Datos, pruebas y calidad

Sistemas de bases de datos: MySQL, PostgreSQL, MongoDB, Oracle, DB2, Redis

Diseño de bases de datos: ERD, normalización, indexación, ajuste del rendimiento

Herramientas de prueba: JUnit, Mockito, Selenium, Cypress, Postman

Prácticas TDD/BDD: Pruebas unitarias, de integración y de extremo a extremo

Registro y monitorización: ELK, Splunk, Prometheus

Optimización del rendimiento: creación de perfiles, almacenamiento en caché y concurrencia

🧩 Sistemas operativos y scripts

Administración de Windows/Linux/Ubuntu/Unix

Sistemas de archivos, permisos, redes, gestión de procesos

Scripting de shell / Automatización / Análisis de registros

Seguridad del sistema y refuerzo de SSH

🧠 Temas adicionales

Matemáticas para programadores: lógica, combinatoria, probabilidad, teoría de grafos

Fundamentos del desarrollo de juegos: Unity, Phaser.js, HTML5 Canvas

Ética de la IA, privacidad de datos, diseño responsable de IA

Proyectos de automatización y rastreo/scraping web: BeautifulSoup, Selenium, Puppeteer

Integraciones sin código/con poco código: Zapier, Make, automatizaciones de IA

Mahmood

5.0

(23)

Java is one of the most important of all computer programming languages. But learning Java can seem like a daunting task. Not any longer! In this course I will train you well in Java Programming step-by-step. Starting from basis right through the more advanced topics. No prior knowledge is required.

Course outlines:
- Objected Oriented Programming concepts (OOPS)
- Core Java Programming Introduction of Java
- Data types and Variables
- Methods
- Control Flow Statements
- Operators and Expressions
- While and do-while Loops
- Object-oriented Programming
- Objects and classes
- Using Java Objects
- Java Files and I/O
- Interfaces and Abstract Classes
- Inner Classes

Arne

5.0

(23)

Web development is a great field to start your programming journey, not only do you learn to think logically but you'll also combine your code with a visual design.

I will not program for you but I will teach you how to program so you'll be able to start your programming career with ease.

Wissam

5.0

(23)

Docteur formateur en informatique vous apprend les bases de la conception des pages Web statiques et dynamiques (programmées).
- Conception des pages web HTML
- Application de styles CSS et SASS
- Rendre les pages web "Responsive"
- Framework Angular
- Programmation Backend : language PHP, ou Java/JSP
- Web API
- connexion à une Base de données MYSQL, FireBase

Baia

5.0

(23)

Are you ready to create interactive, visually appealing websites that stand out in today’s competitive market? In this course, you’ll master the essential front-end development skills:

✅ HTML, CSS, and JavaScript – Build responsive and modern web pages
✅ React & Vue.js – Learn cutting-edge frameworks for dynamic UIs
✅ Real-World Projects – Work on hands-on projects to strengthen your skills
✅ Problem-Solving & Creativity – Develop intuitive, user-friendly interfaces

🔹 Who is this course for?

- Beginners who want to break into web development
- Developers struggling with front-end concepts
- Anyone looking to level up their skills and build real projects

🚀 Stuck on a project? Want to learn high-income tech skills?
This course will help you gain confidence, land opportunities, and grow in the tech industry.

📩 Contact me for more details and start your front-end journey today!

Aniket

5.0

(23)

- B.tech and M.tech in Computer Science
- Worked as a Software engineer in Virtusa Corp & DIGIDEZ
- More than 6 years of teaching experience
- Oracle Certified Developer
- Helped students placed in FAANG

Featured Review :
Been trying to learn Java on my own for about 1 year and I couldn't get a grasp on it. Aniket make learning Java a fun experience and challenges you to think for yourself to reinforce the concepts you've learned. I am truly excited for our meetings and he makes time go by so fast that I'm upset when they end. Great teacher and he is genuinely passionate about your success. If I could give him more stars I would!!!

Thanks
Aniket

Gaëtan

5.0

(23)

Este curso es apto para todos los niveles y se adaptará según tus proyectos, los principios son aplicables a cualquier tipo de programación ya sea para desarrollo web, programación de aplicaciones o videojuegos.

Por lo tanto, los mismos principios se aplican a los CMS Joomla, Drupal y las plataformas de comercio online WooCommerce, Magento, Prestashop y Shopify.

Introducción al desarrollo web
- Visión general de las tecnologías web.
- Desarrollo del lado del cliente versus del lado del servidor.

HTML (lenguaje de marcado de hipertexto)
- Estructuración de contenidos web.
- Funciones y etiquetas HTML5

CSS (hojas de estilo en cascada)
- Formateo de páginas web.
- CSS y SCSS

JavaScript, PHP, MySQL
- Fundamentos de JavaScript, PHP y MySQL
- manipulación DOM
- Programación asíncrona y AJAX.

Desarrollo front-end
- Diseño web adaptable
- Compatibilidad entre navegadores
- Usando CodeKit

Desarrollo de back-end
- Encontrar alojamiento adecuado
- Opciones de alojamiento y gestión de servidores.
- Uso de servidor SFTP.
- Crear un back-end personalizado para SilverStripe
- Administrar bases de datos MySQL
- Seguridad web, cómo evitar hacks
- SEO y optimización de velocidad.

WordPress and other CMS
- Configuración e instalación de WordPress
- Instalación y personalización de temas (Avada en particular)
- Adaptar los colores de un complemento.

WooCommerce
- Instalación y configuración de WooCommerce
- Cómo gestionar pagos en WooCommerce

SilverStripe
- Instalar a través de Composer
- Configuración e instalación de SilverStripe
- Crear un tema personalizado
- Crear nuevos objetos en programación orientada a objetos
- Crear plantillas para visualizar objetos.
- Programar rutinas en PHP y JQuery.

Manu

5.0

(23)

Découverte des bases (et plus) du développement web avec l'HTML (structure d'une page web), le CSS (modification du style des éléments) et le Javascript (ajout de la logique, l'interactivité). Possibilité de cours théoriques et pratiques. Correction de projets. Possibilité de prodiguer des conseils et les meilleurs pratiques dans le domaine.

Farouk

5.0

(23)

Ces cours font partie d'une formation en introduction pratique et accessible au développement web 🌐💻, conçue pour celles et ceux qui souhaitent apprendre à créer un site web de A à Z.
En utilisant les technologies fondamentales du web — HTML 🧱, CSS 🎨 et JavaScript ⚙️ — vous apprendrez à structurer des pages, à les styliser et à les rendre interactives.

Mon approche pédagogique est centrée sur la pratique : chaque notion est accompagnée d’exemples concrets et d’exercices progressifs pour consolider vos acquis. Vous découvrirez comment construire une interface responsive 📱💡, gérer les événements utilisateur 🖱️ et appliquer des animations simples ✨ pour améliorer l’expérience utilisateur.

Que vous soyez débutant ou que vous cherchiez à consolider vos bases, cette formation vous guidera pas à pas vers l’autonomie dans la création de vos propres projets web 🚀

Plan de formation en 10 modules :

1. Introduction à la programmation 🧠💡
Comprendre les bases : logique, commandes linux, instructions et algorithmes simples.

2. Introduction à HTML 🧱📄
Structure d'une page web, balises principales, liens, images, tableaux, formulaires.

3. Accessibilité et SEO ♿🔍
Créer des sites inclusifs et bien référencés : balises sémantiques, attributs ARIA, bonnes pratiques SEO.

4. Introduction au CSS 🎨🖌️
Mise en forme, couleurs, typographie, boîtes, flexbox et layout responsive.

5. Git & GitHub 🗂️⚙️
Versionner son code et collaborer efficacement : commandes Git, création de dépôts, push/pull, pull requests.

6. JavaScript - Types de données 🔢📝
Nombres, chaînes, booléens, objets, tableaux... Apprendre à manipuler les données.

7. JavaScript - Fonctions et méthodes ⚙️🧩
Définir et appeler des fonctions, comprendre le scope, utiliser les méthodes natives.

8. JavaScript - Conditions ❓🔁
Maîtriser les instructions if, else, switch pour gérer les cas spécifiques.

9. JavaScript - Tableaux et boucles 🔄📊
Itérer efficacement avec for, while, forEach, manipuler les tableaux comme un pro.

10. Manipulation du DOM & Closures 🌐✨
Modifier le HTML/CSS depuis JS, ajouter des événements, comprendre les closures pour des interactions avancées.

Muhammad

5.0

(23)

This is a basic course to strengthen the students ability to understand the basics of programming and Web Development. At the end of the course, the students will develop an interest in programming with a good theoretical and practical knowledge of how things work.

Luisa

5.0

(23)

Mis clases están orientadas a adolescentes, jóvenes y adultos que desean iniciarse en programación desde cero. Explico los fundamentos con ejemplos prácticos y proyectos sencillos, adaptando el ritmo a cada estudiante. El objetivo es que adquieras una base sólida y comprensible para avanzar con seguridad en el mundo del software.

Linus

5.0

(23)

Heb je HTML of CSS hulp nodig voor school of ondersteuning bij huiswerk?
In deze online lessen help ik beginners bij het begrijpen van de basis van webontwikkeling, stap voor stap en op een duidelijke manier.
Of je nu net start of vastloopt met een opdracht, we werken samen aan een sterke technische basis.
Wat behandelen we?
Afhankelijk van jouw niveau kunnen we werken aan:
• Basis HTML-structuur (doctype, head, body)
• Koppen, paragrafen, lijsten en links
• Afbeeldingen en media
• Introductie tot CSS
• Kleuren, lettertypes en styling
• Box model en layout
• Structuur en leesbare code
De inhoud wordt aangepast aan jouw schoolopdracht of leerdoelen.
Structuur van een les
Elke les bestaat uit:
• Analyse van voorbeeldcode
• Uitleg van nieuwe concepten
• Samen stap voor stap opbouwen
• Oefeningen om zelfstandig toe te passen
De focus ligt niet alleen op het schrijven van code, maar op het begrijpen hoe een webpagina technisch is opgebouwd.
Voor wie is dit geschikt?
• Absolute beginners
• Studenten die HTML of CSS op school volgen
• Mensen die hulp nodig hebben bij webontwikkeling huiswerk
• Iedereen die een duidelijke basis wil opbouwen
Wat kun je verwachten?
• Persoonlijke begeleiding
• Uitleg op jouw tempo
• Praktische voorbeelden
• Focus op structuur en begrip
Geen vaste standaardcursus, maar gerichte begeleiding afgestemd op jouw leerproces.

Asmaa

5.0

(23)

برنامج تدريبي لتعليم البرمجة للأطفال من سن 7 إلى 18 سنة، مقسّم إلى عدة ليفلات (مستويات) تناسب كل مرحلة عمرية.
كل ليفل مخصص لسن معين ويهدف إلى تنمية التفكير المنطقي ومهارات حل المشكلات.
يبدأ الطالب بتعلّم البرمجة باستخدام Scratch و App Inventor و PictoBlox بطريقة سهلة وممتعة.
ثم ينتقل إلى تعلّم أساسيات برمجة Python وبناء برامج وألعاب بسيطة.
بعد ذلك يتدرّب على تصميم وتطوير المواقع باستخدام HTML و CSS و JavaScript.
وفي نهاية كل ليفل يقدّم الطالب مشروعًا عمليًا وشهادة إتمام المستوى.

Miguel

5.0

(23)

¿Quieres aprender a programar desde cero y crear aplicaciones web reales?
En este curso aprenderás JavaScript, el lenguaje fundamental del desarrollo web moderno, utilizado por millones de desarrolladores en todo el mundo.

No necesitas experiencia previa en programación. Empezaremos desde los conceptos más básicos y avanzaremos paso a paso hasta que seas capaz de crear proyectos interactivos por tu cuenta. Si tienes experiencia previa, podemos empezar desde donde sepas o donde necesites ayuda.

¿Qué aprenderás?
Fundamentos de programación
Variables, tipos de datos y operadores
Condicionales y bucles
Funciones y estructuras reutilizables
Arrays y objetos
Manipulación del DOM
Eventos y formularios
Introducción a la asincronía (promesas y async/await)
Consumo de APIs
Desarrollo de proyectos prácticos

Metodología
El curso es 100% práctico:
Programación en vivo
Ejercicios guiados
Mini proyectos en cada módulo

El objetivo no es solo entender la teoría, sino aprender a pensar como programador y adquirir una base sólida para avanzar hacia frameworks modernos como React o Node.js.

¿A quién va dirigido?
Personas sin experiencia previa
Estudiantes que quieran reforzar programación
Profesionales que quieran introducirse en el desarrollo web
Cualquier persona interesada en el mundo tecnológico

Al finalizar el curso podrás crear aplicaciones web interactivas y tendrás una base sólida para seguir avanzando en el desarrollo frontend o backend.