驴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 88

Preguntas 7

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

Cuidado Se帽ores, no tarda en llegar @Retaxmaster a llevarse TODOS los likes

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

Primer aporte del curso (aunque no aporta nada XD)

Hola a todos 馃槃, en el transcurso del curso se usar谩n estilos CSS en el mismo archivo HTML, en clases anteriores se ha mencionado que esto es mala pr谩ctica, pero m谩s adelante en tu ruta de aprendizaje vas a tomar el Curso Pr谩ctico de React.js. y la raz贸n de mantener el HTML y CSS de cada secci贸n del proyecto en un solo archivo .html es para facilitar el trabajo de separar y unir todo ese c贸digo cuando est茅s en el curso de React.

aqui el mismo @JuanDC lo explica

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???

Es muy bueno el 鈥淐urso de Frontend Developer鈥濃 Pero, recomiendo que antes de tomar ese curso deber铆as ver primero el 鈥淐urso definitivo de HTML y CSS鈥 y despu茅s ver el de 鈥淐urso 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 鈥淐urso definitivo de HTML y CSS鈥
.
Solo es recomendaci贸n鈥

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

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!

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 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.

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

I鈥檓 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

**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**

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鈥ueno s茅 que este no ser谩 la excepci贸n鈥uer铆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鈥檚 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.