No se trata de lo que quieres comprar, sino de quién quieres ser. Invierte en tu educación con el precio especial

Antes: $249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

12 Días
11 Hrs
28 Min
47 Seg

¿Ya tomaste el Curso de Frontend Developer?

1/22
Recursos
Transcripción

Para tomar este recurso te sugerimos realizar primero el Curso de Frontend Developer donde aprenderás los fundamentos de HTML y CSS.

Al finalizarlo dominarás:

  • Las bases de HTML y CSS
  • La anatomía de un documento HTML, sus elementos y las propiedades de CSS
  • Maquetación con responsive design

¡A practicar!

En este curso desarrollaremos el proyecto de una tienda. Implementarás lo aprendido y adicional algunos puntos de CSS Grid y Flexbox.

yardsale.png

Aclaración sobre los siguientes pasos

Este es el primero de cuatro cursos, en los que Platzi te llevará de la mano para que puedas tener construir una aplicación web o tienda virtual.

  1. Maquetado → estás aquí
  2. React
  3. API REST con Express.js
  4. Base de Datos con PostgreSQL

Podrás entender a cabalidad todos los conceptos si sigues el orden de la Ruta de Aprendizaje de JavaScript

Contribución creada por Guadalupe Monge Barale.

Aportes 86

Preguntas 7

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Soy el unico que le encanta la chaqueta de Platzi Master?

Primer aporte del curso (aunque no aporta nada XD)

Ya quiero mi sudadera de platzi master ❤️ esta hermosaaaaaaaaaa.

Like ❤️ , si quieres Platzi Master para Perú

Para las personas que usan editores como Vim o NeoVim, hice un repositorio en donde está personalizado y listo para trabajar de manera ágil. Repositorio

Hola todos,

para los que vayan empezar este curso les recomiendo que hagan lo siguiente.

  1. nombres de los archivos: por favor colocarles un nombre que identifique de qué es cada archivo. Algo como esto ( Login.html )
    NOTA : esto les va ayudar a no tener que cambiar los nombres de los archivos para cuando lleguen al curso práctico de react.

  2. cuando en html asignar clases hazlo con la siguiente sintaxis.

<div class="Login_container">

// or 
<div className="LoginContainer">

// please no use this  (-)
<div className="Login-container">

INPORTAN:cuando asignes nombres a las clases trata de que sea algo descriptivo y acorde a lo que se está creando: ejemplo si estás creando el html de Login. usa nombres de clases como esta

<div class=”Login”> 

 <div class=”LoginContainer”>

Nota: esto también ayuda a la hora de asignar en react los estilos. ya que react toma todos los estilos como globales.
para que no pase eso tenemos que usar una configuración diferente, a la hora de dar estilos

básicamente lo que tenemos que hacer en react después va a ser algo como esto

import styles from '@styles/Login.module.scss';

<div className={styles.Login}>

// Obviamente esto  va a depender de la manera que elijas para colocar estilos. en mi caso elegí  (styles  modules )

y ya creo que eso es todo, si me acuerdo de algo más volveré a editar este comentario.

Aquí les comparto a todos mi toma de notas de todo el curso en un Google Docs para que entre todos podamos ir mejorándolo!
Espero que les sirva y podamos aportar al documento juntos!

Suerte en el curso, es muy entretenido!

https://docs.google.com/document/d/1qflkIWbeC7wxVj-6kagcDw5P0RbbUm0NZjmvh9BaXbM/edit?usp=sharing

les recomiendo que vean hasta una clase donde entiendan como desarrollar la pagina y empezar a solucionarlo primero ustedes y luego ver como lo hace en la clase

psdt: vengo de la clase 7

Como puedo hacer Platzi Mater???

Pues Lets Go con este curso…
Que buena sudadera por cierto!!

Es muy bueno el “Curso de Frontend Developer”… Pero, recomiendo que antes de tomar ese curso deberías ver primero el “Curso definitivo de HTML y CSS” y después ver el de “Curso de Frontend Developer”, esa es mi recomendación sobre todo por los temas abordados, ya que no se profundizan del todo como lo hacen en el “Curso definitivo de HTML y CSS”
.
Solo es recomendación…

Hoola desde españa !!!

vengo muy motivado a practicar, espero que este curso se nos haga sencillo y todos lo comprendamos a la perfección.

¡Mucha suerte a todos!

A Frontend Developer is a professional who specializes in building and implementing the user interface (UI) and user experience (UX) of a website or web application. Their primary focus is on the client side of development, working with technologies such as HTML, CSS, and JavaScript to create visually appealing and interactive interfaces. Key responsibilities of a Frontend Developer include: 1. **Building Web Pages:** Creating web pages using HTML for structure, CSS for styling, and JavaScript for interactivity. 2. **Responsive Design:** Ensuring that websites and applications work well on various devices and screen sizes by implementing responsive design principles. 3. **Cross-Browser Compatibility:** Writing code that functions consistently across different web browsers. 4. **User Experience (UX):** Collaborating with UX designers to implement designs that enhance the overall user experience. 5. **Web Performance Optimization:** Optimizing code and assets to improve website loading times and overall performance. 6. **Testing and Debugging:** Conducting testing and debugging to identify and fix issues in the frontend code. 7. **Collaboration:** Working closely with backend developers, designers, and other stakeholders to ensure seamless integration of frontend and backend components. 8. **Version Control:** Using version control systems like Git to manage and track changes to the codebase. 9. **Stay Updated:** Keeping up-to-date with the latest trends and best practices in frontend development. 10. **Frameworks and Libraries:** Using frontend frameworks and libraries such as React, Angular, or Vue.js to streamline development and enhance functionality. Frontend Developers play a crucial role in creating visually appealing and user-friendly interfaces, contributing to the overall success of web projects. Their work is vital for ensuring a positive user experience and effective interaction with web applications.

me da gusto poder aplicar todo lo aprendido en el Curso de frontend developer!!

Yo daría mi vida por la profe Estefany

Les comparto los apuntes y código del curso Espero les sirva GitHub

Qué bellaaaa la chaqueta!

**A**![](https://images.pexels.com/photos/3768724/pexels-photo-3768724.jpeg?auto=compress\&cs=tinysrgb\&dpr=1\&w=500)**qui bamos con un nuevo curso**
Saludos, and... I want my Platzi-Jacket!!! jejeje...

Este curso esta pensado para aplicar todos los conocimentos aprendidos en el curso de frontend developer

I’m an excited with this course 😄

Por aquí dejaré mis apuntes en notion del curso de frotend developer, de paso hay una mini evaluación para recordar y reforzar algunas cositas de ese curso por si a alguien le interesa 😊

Vamos por el segundo curso práctico 🔥🚀

Bueno dándole la ruta de react

Aquí vamos con un nuevo curso 😃

Muy emocinado nuevamente de empezar este curso, con todas las vibras, para empexar este curso practico.

Excelente! el curso practico del mejor curso que ya había.

Qué placer poder tomar este curso

go!

Que genial la clase. Bastante útil para los que necesitamos proyectos

con muchas expectativas puestas en este curso

Todo lo que tenga que ver con Teff trae como una paz y armonía que inspira a seguir aprendiendo.

iniciando curso, vamos con toda

.

Pinta bien este curso, teff explica muy bien!!!

Será que aún vendrá @Retaxmaster?

Estaria genial que Platzi vendiera chaquetas para estudiantes. Con lo bien que nos sentimos la mayoria de los estudiantes con la comunidad de Platzi y el crecimiento que tenemos en ella, estoy seguro que seria un exito total.

1.Nos sentiriamos mas incorporados a la comunidad y con necesidad de participar mas ya que ya no seriamos un granito en la comunidad sino ella misma, osea aumentaria el sentido de pertenencia.

2.Estariamos apoyando a nuestra educacion con la compra debido a que las ganancias las tendria Platzi asi que no lo veriamos como un gusto sin sentido.

  1. No solo eso sino que imaginate que Platzi cree un proyecto completo solo con las ganancias de las ventas de las chaquetas, seria como wao que orgullo que fui uno de los que hizo posible esa idea.

regrese

yo estoy viendo este curso con el introductorio de frontend developer, porque siento que ya es momento de poner las cosas en práctica, así que es hora de trabajar fuertemente

No me parece competente esta profesora

Lamentablemente después de un tiempo nadie ve los nuevos aportes…bueno sé que este no será la excepción…quería saludarlos y decirles que NUNCA PARES DE APRENDER 😁.

hoy comiezo este curso! vamos a ver como me va jajaj

Que vuelva Platzi Master!

Por que estoy tan feliz de verla?

Aquí vamos, que emoción y nervios

Muy contenta de poder tomar este curso práctico.

Vamos a darle!!! 😃

quiero una campera de platzi master estan muy buenas

exelente

NUEVO CURSO 😄

¡¡A darle!!

No es aporte pero donde se puede adquirir la sudadera.

Super ansioso por empezar este curso.

A continuar con este curso!

Bueno, aquí vamos, con todas las ganas de aprender.

a por todas! lo ves ahi?

Excelente vamos a darle. El hecho de que este curso tenga un proyecto me parece algo maravilloso, es sin duda la mejor forma de aprender algo.

Let’s do this!

hola profe que bueno volver a tomar otro curso suyo

Retomando este curso, a terminarlo!!!

Como dijo Freddier varias veces en otros lados al comentar algo: comentario amable:
.
Este curso pone en práctica la teoría vista en el curso anterior y se debe tomar como eso, como un playground para practicar, para jugar, para plantear soluciones a situaciones comunes de como alinear elementos, como distribuirlos etc. La profesora te muestra una manera y dependiendo de la experiencia tu podrás encontrar otra manera.
.
Considero que corresponde a cada persona ser estricta con su aprendizaje, con lo que se consideran buenas prácticas, con su método de trabajar con su orden y limpieza al hacer las cosas. Obviamente con la flexibilidad de seguir las reglas de juego cuando estas en un proyecto que te dicen hay que trabajar asi.
.
Ojo al dato:
.

Dependiendo del nivel de OCD (Obsessive-compulsive) de cada persona, esta aplicara todo el arsenal de reglas conocidas: Separar archivos, generar un archivo base con reglas comunes, usar metodología BEM, como dijo el profesor Diego De Granda usar el Mise en place (para tener tus gráficos preparados para trabajar), usar variables, NO USAR IMPORTANTs, etc. Aunque esto parezca demasiado Overkill para el curso, siendo un proyecto muy pequeño, es saludable, es aconsejable, es aprender a trabajar con altos estándares.

Necesito ese buso. 😦

Llegando del update del curso de Frontend Developer, ahora a practicar

Empezamos!!!
Estoy en la escuela de JavaScript!!!

esta hermosa la chaqueta de platzi de master

Holaa, donde se puede comprar esa chaqueta? ó solo se gana con puntos 😦 just kidding.

😁

Buen curso el de Fronted Developer

me gusto el curso anterior, confió en que este curso será igual de bueno, al principio tenia muchas dudas (las sigo teniendo) de mis capacidades, pero he aprendido un montón, lo importante es la constancia y dejar el síndrome del impostor atrás, si se puede.

Listo para el segundo curso de esta ruta

Recuerden pequeños saltamontes, la practica hace al maestro (Practiquen, no solo vean los videos)

😍 Placer tomar el curso!!

¡Hey! Si estás iniciando este curso te dejo aquí mi repositorio

Con las pilas recargadas despues de terminar el curso de frontend developer

Hola a todos, vamos a empezar!!1

Volvemos con todo 😃

Empezando curso!

Espero mucho de este curso

Here we go! This course will be amazing! 🎇🎆

Curso de Frontend Developer aprobado con un 10! 😎
Es imposible no aprender con todos los recursos que nos comparte antes, durante y al final de cada curso.

con ganas de implementar la practica de todos los cnocimientos ya dados

Genial, emocionado por comenzar el curso.

Quiero ser parte del Platzi Master!!!

Hola a todos.
En el curso vamos a desarrollar el codigo con unas buenas practicas que responden a la necesidad de tener componentes de nuestro sitio web, con el fin de mejorar nuestro mantenimiento y reutilizacion. Estos componentes son piezas, como la barra de navegacion o una card con su codigo HTML, CSS y JS en un solo archivo.
Estas buenas practicas contradicen a las buenas practicas basicas de tener el HTML, CSS y JS separado.
Esto se debe a que las buenas practicas obedecen a una situacion especifica determinada por la tecnologia y enfoque de trabajo.
En el pasado lo correcto era separarlo para facilitar el mantenimiento de nuestro sitio web. Hoy en dia con las herramientas y enfoques nuevos resulta tener el codigo HTML CSS y JS en un solo archivo bajo el concepto de componente y seran estos componentes lo que formaran nuestro sitio web.