Guía para desarrollo web 2019: curso para principiantes o programadores oxidados

1. Introducción: Oigan, chicos, Mi nombre es Philip Machine y vamos a hablar del desarrollo y cómo se puede empezar. Llevas un muy rápido y y Ok, empecemos con la introducción. Por lo que esta clase va a ser una guía práctica importante para todos ustedes. No importa si eres principiante o un olor rústico. Entonces la última vez que abrigo fue hace 10 años. Y como se puede imaginar, tantas cosas han cambiado. Y es una locura todos estos términos npm, Guetta, compositor, esos frameworks que antes no existían y fue tan confuso para mí. Empecé a abrigar y no sabía qué necesito usar ni cómo montar un entrenador específico. Ahora, te doy mis recomendaciones para 2019 en. Creo que son bastante útiles. Ya verás que hay varias soluciones para problema, y te voy a mostrar la mejor. Andi Sí, empecemos con la clase. Pero antes de llegar al siguiente video, solo quiero hablarles del proyecto de clase, y esto va a ser un reto para ustedes al final de todos esos videos que necesitan elegir. Necesitas escoger un idioma que te gustaría aprender. Digamos que es vista. Es un marco y un agarre generoso, y vas a crear un fuego que contenga un texto hola mundo o algo así como recubrimiento es divertido y vas a subir este archivo para levantarte. Después de eso, estás publicando el enlace aquí en cuota de habilidad, y va a ser esperar a legendario. Y si tienes alguna pregunta en absoluto, es súper fácil. Puedes ir contigo. La mayoría pasa por encima del video y verás algo. En una pequeña nota, se llama Ver todas las notas, y con eso, puede publicar una nota en este video. Y si algo no está claro, siempre me puede preguntar. Voy a tratar de contestar así, pero no es una computadora Griffey. Ponte cómodo y aprendamos algo que 2. Qué herramientas necesitas: De acuerdo, empecemos con lo básico. Los últimos 2.5 años fueron súper difíciles de aprender toda la codificación de nuevo en hice muchos errores y me confundió bastante. Y espero que este tipo te ayude a no confundirte en absoluto. Y, sí, empecemos con la clase a primero Kill Share clase. Sí. Está bien. Sin más preámbulos, hablemos de software en nosotros software y herramientas. Otros pilares fundamentales fuera de la programación. Creo que puedes estar de acuerdo conmigo. Hace bastante calor desarrollar un sitio web sin navegador. Ah, sin un re agrede editor de código fuera de curso, se puede utilizar un editor de texto, pero a veces son donde Project simplemente se pone demasiado grande y yo recomendaría usar ah vio a Scott editor como código de estudio visual por Microsoft. Hay bastante increíble de usar, pero podrías usar también texto de suplemento. En realidad, cuando empecé a codificar hace dos años, usé Atom. Fue muy bonito en me gusta mucho usarlo. Pero cuando el proyecto se fue a lo grande, el editor se volvió muy lento. Andi me cambié a textos sublimes y fue increíble texto sublime se abre al instante, y puedes usarlo como un editor de texto normal, solo con toda la sintaxis resaltando, etcétera, etcétera, en la que el abrigo de estudio tiene también la autoterminación para la codificación. Eso es realmente aseado. Y si quieres usar el desacreditador, creo que es una necesidad. En cuanto a la Web Broza, te recomendaría usar Chrome o Firefox. Soy amante de Firefox. No obstante, las herramientas para sordos cromados, el desarrollo para nosotros son mucho más rápidos y mucho más suaves. En privado, siempre estoy usando Firefox, y me gusta. Cómo protegen tu privacidad por chrome es simplemente más rápido y tiene más innovaciones en él. No obstante, te recomendaría usar al menos dos navegadores diferentes porque cada hermano renderizando en página de manera diferente. Eso significa que la página web se ve un poco diferente y puede verse completamente diferente. Hace donde Si tienes alguna caja rara y ahora a los últimos tres puntos de bala, esos son opcionales. Depende en qué departamento o en qué tipo de carrera quieras hacer. Si te gusta más el diseño, te recomiendo a bosquejar como ah usuario de MacBook y adulto 60 para uso de Microsoft. Um justo como nota al margen. ¿ Soy yo el único que mira a 60 y cosas sobre el emoji? De adolescente solíamos ver todo el tiempo. Pero ahora, con todos estos emojis reales, ya no lo usamos en realidad. Sketch y XY son muy importantes, sobre todo cuando se tiene clientes. Demandamos ver el progreso fuera de su página web. Se pueden crear marcos de alambre. Esos son contornos. Eso representa el futuro sitio web que vas a construir y puedes crear simulacros. Por lo que hay varias cosas que puedes hacer con él. Definitivamente te recomiendo que las pruebes. Y, por supuesto, 40 tienda es una escuela muy cool para tener, sobre todo en todas las áreas en las que estás trabajando o incluso si estás tomando fotos se recomendaron para usar la gestión de bases de datos. Sigo siendo un chico de la vieja escuela. Estoy usando mi s Square, como la usaba en hace 10 años. Pero son realmente cool aplicación para ello. Pros secretos. Uno de mi favorito. Es solo para usos MacBook, y solo para mi pregúntale Alba es realmente agradable. A medida que el uso de Microsoft, te recomendaría usar mi ask a work bench o PHP, mi admin. Y ahora al último punto de bala. Perdón, chicos, está determinado. Yo lo sé. Es espantoso y aterrador y era confuso como el infierno cuando necesitaba usarlo. No entendía por qué lo necesitaba, y se ve feo y se siente muy viejo, pero él verá que lo vas a usar todos los días. No obstante, no le teman. Es bastante fácil de usar al principio. No te recomendaría instalar nada lo que estoy recomendando aquí. Pero cuando te estás adelantando, vuelve y mira hacia arriba. De lo que te dije que usaras, recomendaría como usuario de Mac concha y para Microsoft git bash. Eso debería ser suficiente por completo. Entonces eso es todo. Estamos hechos con software en su en el siguiente video. Vamos a hablar todos los términos que me confundieron mucho como lo que es un desarrollador front-end ? ¿ Qué? Es una bolsa y desarrollador. ¿ Qué es M. P. M. Y por ella? Nos vemos en el siguiente video de 3. Qué significa lo que: Entonces antes de seguir con esta clase, necesitamos conocer todos estos términos en,ya sabes, ya sabes, siempre términos ahí flotando alrededor de mi cabeza aún así estos términos en, y te mostraré una lista donde voy a pisar, pasé, explicar todo en ese traje. De acuerdo, les presento los términos y acrónimos más importantes que creo que son muy útiles como principiante o como codificador rústico. Y empecemos con los términos. En realidad, es bastante gracioso. Esos cinco términos que ves también títulos de empleo que puedes ganar. No obstante, estos títulos de empleo son muy especializados a excepción del número cinco. Es un híbrido fuera del número tres y cuatro, y voy a explicar cada uno de esos términos y empecemos contigo ex diseñador. Por lo que el UX diseño un stands para el diseñador de experiencia de usuario. Su objetivo es crear una experiencia maravillosa en el sitio web para que el usuario vuelva de nuevo y por lo tanto diseñe la lógica y la estructura fuera del sitio web. Normalmente, el diseñador de UX crea ah, marco de alambre se maqueta de la página para que tú, yo diseñador, pueda usar el trabajo fuera del diseñador de UX para crear el arte, por lo que ambos están trabajando de cerca a cada otro. Tú, yo diseñador, es sinónimo del diseñador de interfaz de usuario. Entonces con el trabajo del diseñador UX, el diseñador de tu ojo decide qué tipo de color va a usar. Y está rallando paleta de colores, por lo que se ve muy homogeneizado en cada página. Ahora está el frente y desarrollador también está trabajando de cerca con el diseñador U X y el que eres diseñador. En primer lugar, necesitamos entender por qué están trabajando juntos y qué significa afrenta frontal y desarrollador . Y desarrollador es alguien que desarrolla el front end de un sitio web. Entonces, ¿cuál es el front-end y qué es un extremo bancario? Te muestro esta caricatura graciosa. A real como él porque el usuario, cuando solicita un sitio web, sólo ve el front end fuera de un sitio web. Es hermoso como sirena y debe ser hermoso. Por supuesto, cuando el que eres diseñador hace un gran trabajo, así que esto significa que front-end es lo que hay que usar. Un cese puede hacer clic en, puede tocarlo etcétera. No obstante la bolsa y es que lo que da miedo y feo como se puede ver en la caricatura sólo para entenderlo más claramente. El back-end suele ser un servidor que ejecuta un software con tu código en él, modo que cuando las solicitudes provienen del usuario desde el front-end que el GEGIN ahora puede manejar la solicitud y grandes procesos internamente para decir, por ejemplo, almacenamientos como imágenes o algunos datos a la base de datos. Y se podría decir que el back-end es lo más importante en tu negocio porque contiene tu lógica empresarial. No estará en el frente y en la página porque el usuario podría robarte tu abrigo vía el front end . Así que Número cinco es el desarrollador de palo completo, y suele ser un híbrido fuera de ambos mundos, como el mundo frontal y el mundo y el back-end. Se les llama las estrellas del rock en el mundo de la programación. Sólo estoy bromeando. Son muy útiles. No obstante, no están tan especializados como realmente front y developer o back and developer, por lo que estos trabajos suelen encontrarse en las grandes empresas. Cuando miras a pequeñas empresas como startups, verás que el diseñador U I suele ser el diseñador UX también. De acuerdo, ahora hablemos de acrónimos. Yo diría que esas nueve mis mejores acrónimos favoritos. Te enterarás de ellos todo el tiempo en tu portador y que empiezan con C. M s. manda para sistemas de gestión de contenidos y no sé si conoces WordPress o cualquier otro CMS. El cliente es capaz de montar artículos para actualizar artículos para eliminar. Ártico es etcétera sin saber codificar. Entonces no es de extrañar grandes webs te CMS, el segundo acrónimo que creo que es muy, muy importante en tu carrera se llama CEO. Es sinónimo de optimización de motores de búsqueda que es bastante importante saber al respecto porque aumenta el tráfico fuera de tu sitio web. Tienes que entender los resultados de búsqueda de cualquier buscador como Google siendo yahoo . Todos tienen que filtrar la consulta para que el usuario obtenga el mejor resultado. Entonces, hace 10 años era bastante fácil ponerse muy bien llovido. Sólo necesitaba tener algunos de vuelta de Ling's. Esos son enlaces de sitios web externos que hacen referencia a su sitio web. No obstante, hoy no es tan fácil. Es bastante complicado conseguir morada sonada. Por supuesto, los enlaces de espalda siguen siendo válidos y muy útiles de tener, Sin embargo, Si el sitio web aún no es bueno y el usuario lo está dejando muy rápido, Google lo notará y clasificará su menor. El siguiente acrónimo se llama Cdn, y es sinónimo de red de entrega de contenidos. Imagina que tienes un usuario que viene de Australia a tu servidor, pero tu servidor está en Frankfurt. En Alemania. Te puedes imaginar que lleva tanto tiempo no anotar todas las peleas desde tu página web. Por lo que tiene mucho sentido cuando su servidor es simplemente reputado en todo el mundo. Debido a que esos servidores proxy están de pie en todo el mundo, el usuario desde la austeridad, pueden donar el por su muy rápido. Por lo que el siguiente acrónimo se llama M. V C, y esto es bastante importante. Si estás usando back y lenguajes. Se trata de un patrón de cómo puedes abrigar y hace que tu codificación sea muy eficiente. Todavía recuerdo cuando escuché este término, y estaba bastante confundido cómo, ah, qué es. Por lo que la NBC significa vista de modelo en controlador, y es un patrón tranquilo, fácil de entender. Tan solo imagina que tienes tres fuegos Xer y los primeros incendios llamaron al modelo esteventies fuegos llamados de alguna manera la vista, y el tercer incendio se llama controlador. Entonces imagina que un usuario ahora era es tu sitio web. Y lo primero que pasó? Esto el controlador obtiene la solicitud de que un usuario quiere algunos datos y el controlador pensando, Vale, ¿ debería revisarlo en la base de datos? Y para eso estamos usando la clase modelo. La clase modelo se está comunicando directamente con la base de datos, y está devolviendo el resultado al controlador si es necesario. Entonces después de eso, recogimos los resultados del archivo modelo. El control puede entonces decidir un proceso qué vista se va a ver. La respuesta es, por ejemplo, la página de bienvenida fuera de cualquier sitio web y con el proceso fuera del controlador, podemos decidir, por ejemplo, ¿se busca al usuario o es solo un invitado? Por lo que el sitio web va a verse un poco diferente ahora. Crowd significa gran lectura, actualización y eliminación, y se utiliza en operaciones y repositorios de datos como, por ejemplo, si estás usando una base de datos como SQL etcétera. Entonces en la parte de atrás y servidor, por ejemplo, en el modelo de fuego, tenemos procedimientos y funciones que crear nuevos puntos de base de datos o pueden actualizar y tu ritmo de datos, subió, etcétera, etcétera. Entonces, por otro lado, el descanso es muy similar a la multitud. Es arresta carpas por traslado estatal representacional. Esto es muy típico usado en ojos AP. El parte importante del riesgo es que lo entiendas. A apátrida. Eso significa que el servidor, no sabe en qué tipo de estado se encuentra el usuario y viceversa. Antes de seguir, necesito explicar lo que representa un P I, y es la interfaz de programación de aplicaciones. Y solo para hacerlo sencillo cuando quieres algo del servidor, estás creando un I. P. solicito y el riesgo por lo general, y tu l van estudiantes servidor y el servidor está haciendo algo detrás de bambalinas, y le está respondiendo. Por lo que para el i P I, responde, Jason Ellis usó, es un sistema contra incendios. Hay un legible para JavaScript. Por lo tanto es sinónimo de notación de objetos JavaScript, y con eso, puedes guardar los datos, usarla procesa dicho cuarto. Por lo que ahora hablemos de las dos últimas siglas. Es o el C. M. Un script es un subconjunto de javascript. Sólo para entenderlo más claramente. Jeffers agrupados es básicamente e c m. un guión. No obstante, los inventos en JavaScript cómo escribes código es cada vez mejor. Así fue sm un scrip. Se ha intentado establecer una especificación cómo escribes JavaScript para que el navegador pueda entender la nueva forma como tu código y lo verás en la clase de JavaScript. Hablaré bastante de ello. Por lo que el último acrónimo significa lo que ves es lo que obtienes y se usa con bastante frecuencia en CMS . Entonces sistemas de gestión de contenidos como lo que descansan. Entonces solo imagina que estás creando un nuevo artículo que no estás escribiendo en un editor de texto. Es más como un editor de texto que muestra cómo se va a ver en la página web. Y lo sorprendente es que el usuario no necesita saber codificar. De acuerdo, creo que terminamos con términos y acrónimos. Ahora hagamos las cosas divertidas y hablemos de HTML y CSS. 4. HTML y CSS: qué saber: cuando solía hacerlo. Código HTM cuatro waas alrededor y allá waas tipo de diferente. Tienes carne y siempre advertencias. Tienes que actualizarlo todo el día. Sí, fue tan molesto. Estoy tan contenta de que se haya terminado. Y ahora podemos disfrutar de la experiencia web perfectamente sin fresco. De acuerdo, ahora, hablemos de HTML cinco y CSS s. yo diría que es muy importante aprender. No importa si no quieres ser efectivo, otro por porque h m l es el bloque de construcción fuera de cada sitio web que visites. Por lo que es bastante importante entender cómo funciona. Y estoy bastante seguro de que vas a aprender. Hmm. A cinco en un solo día. Es muy sencillo. Solo necesitas entender a Syntex cómo funciona, y eso es todo. Pero antes de seguir, quiero hablar de hmm. Cuatro y cinco. ¿ Cuál es la diferencia? Actualmente, cada hermano usando html cinco. Pero cuando solía abrigar Hmm cuatro seguía por ahí en este waas le dolía en el culo donde necesitabas usar flash todo el tiempo a primera vista. Hmm. Cinco. No es mucha diferencia. Pero si estás mirando bajo el corazón, verás muchas diferencias. Entonces primero, el marco HTML se ve muy parecido. En realidad, es lo mismo. Tienes por delante estructura. Todavía tienes una estructura corporal. No obstante, el grifo del conducto simplificado y es más corto. Verás internamente. Hmm. Cinco proporciona un mejor manejo de errores, sobre todo cuando tus documentos están mal formados o tu impuesto no se cierran correctamente. Lo bueno es que, hmm. Cinco trae nuevas funciones y texto como lienzo, video y audio, porque ahora, con H. M I cinco, se pueden ver todos los videos. Esa es la razón por la que la carne disminuyó rápidamente. Se trata de un cambio enorme en la forma en que experimentamos la Web. Por ejemplo, YouTube descartó carne en 2015 porque ahora la podemos usar a través del hmm cinco, luego el lienzo de la etiqueta. Se utiliza, por ejemplo, en los juegos móviles a la antigua manera. Usaste carne, sin embargo, ahora no necesitas usarla. Si comparas lona de carne, es sabia el rendimiento, muy similar. No obstante, el lienzo está mucho, mucho más optimizado para el navegador. Eso significa que no necesita tanta autonomía de la batería encendida como sabes es muy importante desde el auge de los smartphones. Está bien, eso es todo. Y ahora podemos hablar de html cinco. De lo que necesitas aprender sobre eso. Empieza con el tanque. Entonces cuando veas el letrero más grande o más pequeño, eso se llama tecnología y casi cada tecnología tiene un final y lo verás con el letrero de barra . Y no te preocupes, realidad son sólo un puñado de texto que vas a usar. El más importante es el ataque. Realmente necesitas entender lo que es. Y si miras mi página web, verás que estoy usando def al menos 70%. Además de muerto, te recomendaría que entiendas qué son secciones. Pie de página, la tachuela naff, etcétera y lo quiero te quiero dar es cuando te estas página web wizarding. Trata de mirarlo e intenta imaginar dibujar rectángulos sobre cada elemento y normalmente thes elementos serían un diff books. Esto te da el feudo de cómo debes estructurar tu sitio web. Aquí tienes un ejemplo del sitio web de Scotia. Se ven todos los rectángulos y casi cada A direccionante es un def books. Entonces OK, hablemos de CSS CSS CSS va mucho, mucho más profundo y no es tan fácil como HTML. No obstante, yo diría que aún se puede aprender en varios días, sobre todo esto en Texas. Bastante fácil de entender. Pero si compararas cómo solíamos usar sí s tanto, mucho, mucho más fácil. Porque en los primeros días estructuramos un sitio web en tablas y había realmente molesto, Sobre todo cuando se quiere tener un diseño responsive. Eso significa que para cada dispositivo, no importa lo grande que decida esté fuera de la pantalla, el sitio web seguirá luciendo genial. Y aún recuerdo lo orgulloso que waas cuando creé mi página web. Sólo con esto había increíble. Y ahora, hace dos años, cuando aprendí que puedes usar libros flex, realmente, realmente tuve que sonreír porque house sí s la vida se puso mucho, mucho más fácil. Es tan increíble lo fácil que es ahora crear un diseño irresponsable. Entonces es una propina. Te recomendaría ir a este sitio web trucos CSS. Puedes pasar el mouse con la boca sobre el video y puedes hacer click en la nota directamente sobre tratar de entender el sitio web porque trata de explicarte cómo usar los libros flex, y puedes usar este sitio web. Es una página de referencia, y siempre cuando olvidas algo, puedes buscarlo. Y luego funciona el aroma Howard. Entonces en la mayoría de los casos, diría que en 1980% de las veces libros CSS Vex, fue suficiente. No obstante, si tienes diseños complicados, te podría recomendar que uses CSS. Genial, sin embargo, ten realmente seguro si quieres usarlo, porque hace que tu código sea mucho, mucho más largo. Pero tienes más libertad como puedes diseñar tu estilo para cada tamaño de pantalla. Además de eso, lo que debes aprender y C s son, por ejemplo, las variables. En realidad, no lo uses tanto porque hay una extensión para CSS y se llama salsa. Como principiante, te recomendaría que lo aprendas. Es fácil. Es muy similar a CSS. No obstante, se puede escribir abrigo más corto y se puede utilizar viable dentro de sass. Y ahora hablemos de botas viaje. Yo recomendaría usarlo como principiante. Es el marco más popular para HTML y CSS. El marco Super Nice es sólo una colección de código. Por lo que no necesitas inventar la rueda de nuevo. Y te hace la vida mucho, mucho más fácil porque ya tienes el código y puedes usarlo de inmediato. Y sientes que piensas que no eres el principiante en dirías que soy avanzado. Sí. Y entonces podría recomendarte usar Tailwind. Te gustará, pero es muy complicado aprender al principio. No obstante, si te acostumbras a ello, es tan divertido trabajar y tu sitio web se va a quedar increíble con él. 5. JavaScript: trabajando de regreso a Jeff Erskine. Y diría a partir de todos los cambios hasta ahora, javascript ha cambiado drásticamente. Es como un lenguaje diferente. Muere su diferencia. Cómo escribes código, no tienes. Ah, estos marcos que teníamos en la consulta Lee Jae en este momento. Y fue, Sí, no me gustó, pero tienes que usarlo. Pero ahora tu punto de vista, puedes elegir, reaccionar o pecador, te voy a mostrar más adelante lo que esto realmente significa. Andi. Sí, empecemos esta clase. De acuerdo, hablemos de javascript y de lo que necesitas saber. Javascript es el lenguaje fuera del navegador. Entonces si quieres hacer algo con el desarrollo web, es bastante importante aprender JavaScript. El genial es que JavaScript no solo es para el navegador, sino que puedes usarlo un Sebek y lenguaje también. Por lo que se aprende sólo un idioma. Pero puedes hacer dos cosas al mismo tiempo. Entonces como principiante aprendería primero los sintéticos, aprendería cómo qué tipo de grifos de datos hay especialmente cuál es la diferencia entre un objeto y un aireado? Después de eso, miraría las funciones. Cuáles son las funciones. ¿ Y cómo se escriben funciones? Entonces trata de entender lo que se intenta el bucle a Inocencio. ¿ Qué en si clases. Ahora, cuando termines con eso, puedes echar un vistazo a tus seis. Ese sentido para E c. M. Un guión. Esta es la forma en que aguantas el tamaño JavaScript. Entonces porque JavaScript está actualizando la forma en que mataste a los viejos tiempos, sus nuevos futuros y nuevas formas Cómo codificas, por ejemplo con es six. Tenemos promesas que son bastante útiles. Tienes que entender que Jeffers para IHS ejecutando un solo subproceso, eso significa que dos bits fuera del script no pueden ejecutarse al mismo tiempo. Ahora, con promesa tienes la posibilidad de escribirnos en código crooners, eso significa que cuando se hace algo, pueden volver a este punto y luego pueden procesar el abrigo como querías tener. Hay otra forma de cómo puedes escribirlo. Esto con S Inc y esperar palabras clave. Es bastante bonito y hace que tu abrigo sea más corto de otra manera. Cómo escribir funciones es con el signo de flecha, y esto también hace que la función parezca más limpia. Al final, te recomiendo encarecidamente que mires. Qué de estructuración es Esto hace que las variables también sean muy cortas y tu abrigo más delgado. Entonces debido a que todos estos cambios cómo puedes montar y que vienen nuevas características, no todos los hermanos pueden entenderlas. Por lo que la mayoría de las veces necesitas un compilador o necesitas poli lleno tan mal sentir que es un código que implementa el futuro que no es compatible en el navegador. Después hay compiladores como Babel que están traduciendo tu abrigo a javascript vainilla para que pueda ser utilizado en cada navegador. Por lo que ahora hablemos de la mejor característica en JavaScript. Yo diría esos los módulos y módulo s de una manera tranquila, inteligente, cómo se puede dividir una aplicación o su abrigo y archivos separados. Entonces solo piénsalo no tiene sentido escribir un código en un gran incendio. Perderás truco de dónde está el coach específico, Así que tiene mucho sentido desconectarlo en muchos, muchos archivos. Y en realidad, como principiante, no recomendaría usar armas directamente. Yo no comenzaría mezcla paralela. Es tan fría envoltura alrededor del arma para que U S un principiante. Realmente no es necesario configurar nada, y generalmente por 80% de descuento caso de uso. Es suficiente, y no tienes que cambiar ninguna configuración. El siguiente consejo es bastante útil porque cuando hablas con la espalda y el idioma, generalmente un servidor, quieres volver a conseguir algunos resultados. Y para crear esas solicitudes, hay varias formas de cómo se puede utilizar. Por eso. Te recomendaría instalar el paquete. acceso en es bastante agradable para usarlo. Creo que es incluso la forma más popular es que puedes buscar los datos de la parte posterior y del servidor . Definitivamente necesitas entender lo que es una promesa para eso. Y hay que entender qué tipo de métodos http hay como Obtener pulso, eliminar, actualizar, actualizar, editar y recordar la respuesta de una bolsa y servidor suele escribirse, y Jason y Jason es un ex a cómo se puede tienda y transporte materia. Y si miras como Jason ha escrito, se ve como objetos Djebbour, sin embargo, sin embargo, con comillas dobles. No, el último punto ISS un poco difícil de instalar primero, se llama S Lind y es bastante útil porque analiza tu abrigo y cuando encuentra alguna caja rara, te lo mostrará. Y lo bueno es que hay algunas pautas de estilo que realmente puedo recomendar. Hace que tu código sea más limpio y mucho, mucho más fácil de alcanzar. Y como guardia estelar, hay dos grandes, uno de Google, el otro de Airbnb. Y yo diría, Toma el Airbnb que más se utiliza. Entonces una vez que refrescas tus recuerdos de HTML, CSS y JavaScript ahora, yo diría que comienza la parte más difícil, porque ahora tienes que decidir aprender el framework JavaScript. Es bastante asombroso lo que se puede hacer con él. Te ahorra mucho tiempo. Puedes desemparejar tu código con componentes y modulares muy fácil, por lo que hace que tu co sea muy mantenible. Y lo mejor es que tu interfaz de usuario va a ser reactiva. Eso significa que si tienes un valor que está cambiando en este momento, se va a mostrar al instante. Hay dos marcos que te puedo recomendar para aprender, ver y reaccionar. Ambos son súper buenos. Tú, por ejemplo, es ser fácil de aprender y reaccionar es el estándar de la industria, y es el marco más utilizado. Pero la vista actualmente se cultiva exponencialmente, y como principiante , realmente, realmente te recomiendo usar eso porque es fácil de aprender. Andi. Actualmente hay más y más empleos en busca de vista, por lo que también tienes ambas opciones. Entonces eso fue JavaScript. Y en la siguiente última, vamos a hablar, ponernos y de gira. 6. Git y herramientas: tu flujo de trabajo diario: Ahora, antes de seguir y aprender nuevos idiomas como la espalda y las lenguas, necesitamos aprender algo que realmente a nadie le gusta. Pero creo que es súper increíble. Se llama Git. En realidad, esta es una de las cosas más importantes en tu portador. Es cómo guardarte, cómo puedes guardar los archivos. Por lo que get es una necesidad para cada desarrollador. No obstante, antes de que estemos hablando de get, quiero hablar de la terminal. Ya sé, lo sé, sé que suena muy aterrador, y también me daba miedo. Cuando solía abrigar, no lo necesitaba para usar la terminal, Sin embargo, Ahora estoy usando al presidente constantemente, por ejemplo, para crear nuevos incendios. No cargar paquetes, crear carpetas nuevas, comprometer archivos get, etcétera , dijo habitación. En realidad es tan gracioso que mis terminales siempre abran. Y cuando mi sistema de operación estaba tratando de actualizarse, es actual porque terminal lo está bloqueando bien, porque esta clase es más para principiantes y Rusty Koda, quiero que sea realmente fácil para ti. Hacer usuarios de libros. Tengo un consejo cómo puedes usar la terminal bastante fácil sin aprender todos los comandos. El único real recomiendo que necesites esto. El comando CD. Eso es todo. Por lo que voy a mostrar tu truco cool donde puedes abrir una carpeta dentro de la terminal sin usar el propio terminal. Entonces solo echar un vistazo cómo funciona. Acude a esta carpeta, por ejemplo, donde quería tenerla en la terminal, haga clic derecho en la carpeta. Ahora bajo servicios, verás algo así como Nueva Terminal en Folder. Y si quieres tener esta característica, es bastante fácil de conseguir. Simplemente vaya a las preferencias del sistema que seleccione el teclado en el atajo, haga clic en los servicios y desplácese hacia abajo hasta encontrar nueva terminal en la carpeta. Entonces, como dije, get es absolutamente necesario para todo eso desarrolladores. Estoy bastante seguro de que todos ustedes han oído hablar de Ponte de pie Así que te imaginas Que te levantes es algo así como Dropbox. En realidad puedes ahorrar muchos incendios ahí, pero originalmente es más para el código fuente sobre lo de la tripulación sobre conseguir cosecha. Ni siquiera que puedas guardar los datos, puedes revertirlos. Puedes ir al compromiso anterior Ucrania, crear sucursales, así que tienes muchas formas de cómo puedes trabajar con tus archivos, y es bastante bonito. Y recuerdo cuando esfuerzo de levantarse fue un poco confuso porque no sabía qué es ISS, y ahora lo estoy usando todo el tiempo. Por lo que como principio, te recomiendo encarecidamente que no utilices llegar con la terminal, porque al principio aterriza es confuso y difícil de captar. Pero si estás usando una aplicación, es mucho más fácil porque sabes usarlo. Se ven los botones, etcétera, etcétera. Como principiante, te recomendaría no conseguir ayuda vestida. Al igual que en el usuario de subvenciones, te recomendaría usar sierra stream porque es en primer lugar mejor. Tienes más opciones. Se ve un poco más fresco, y puedes usar plataformas alternativas como cubo de saliva, etcétera. De acuerdo, ahora hablemos de paquetes en mi video. ¿ Qué significa qué? Ya hablé de NPM, Sin embargo, quería explicarlo de nuevo. Es tan genial porque cambió por completo cómo codifico. Digamos que tienes un problema y lo bueno es que hay alguien que ya codifique que el problema para ti por lo que es una solución y no necesitas inventar real de nuevo. Eso te ahorra mucho tiempo. Y es tan genial ver cómo otras personas están codificando hace mi consejo más importante. Siempre te recomendaría que mires como otras personas, acuerdo porque vas a aprender bastante. Por lo que para donut de Package, debes entender qué tipo de gestor de paquetes necesitas usar para tu idioma específico . Debido a que cada idioma tiene su propio gestor de paquetes y JavaScript, tenemos NPM o yon. Ambos están bien. Son muy similares. Pero el NPM es un poco más fácil, así que usaría eso. Y en mi flujo de trabajo diario, estoy usando todo el arma del tiempo en mi clase y JavaScript. Hablé de ello. Yo lo usaría con una terrible mezcla porque es un desgarrador que hace la vida muy fácil porque 80% de la funda de uso ya está configurada, por lo que puedes usarlo de inmediato. Si no te gusta el arma en absoluto, puedes usar paquetería. También es muy agradable. Dos años. A lo mejor te estás preguntando por qué estamos usando armas o pasa. Imaginemos que estás escribiendo mucho abrigo de agarre generoso. No tiene sentido dejarlo en un solo lugar. En un gran incendio, necesitas organizarlo escupiéndolo en muchos archivos que se llaman módulos. Entonces para eso, necesitas un paquete. Um, eso agrupa cada fuego en un gran archivo. Sí, y eso es en realidad. Ahora, en la siguiente clase, estoy súper emocionada por hablar de idiomas del lado del servicio. 7. Lenguas los laterales de la servidor: qué saber: Oigan, chicos, estoy súper emocionado de que sigan aquí. Alto factor que estoy emocionado. Sí, estoy bastante seguro de que quieres convertirte en un desarrollador de bistec totalmente o en un ingeniero de software. Y para eso necesitas aprender de nuevo y los idiomas en. Sí, hagámoslo. Entonces los lenguajes del lado del servidor. Ahora, para convertirte en un desarrollador totalmente stick o en un ingeniero de software, tienes que aprender un lenguaje del lado del servicio. Hay varios idiomas entre los que puedes elegir, pero para codificar sitios web, te recomendaría que escojas uno de estos tres. Tienes que elegir entre durazno ser Js o python por mi fondo de codificación. No tengo mucha experiencia en Notre S y Python solo en PHP. Cuando lo llamé la última vez, Python todavía era joven y no se usaba para sitios web. Y ningún jazz ni siquiera existía. Pero no obstante, quiero hablarles de las otras lenguas. Bueno, pero empecemos con PHP. PHP fue construido específicamente para sitios web que se ejecutan en un servidor y está ahí para el lenguaje más antiguo . No, jet fue bastante confuso para mí entender porque cuando oí hablar de él, era como un frente y el lenguaje se está convirtiendo en una espalda y un lenguaje también. Era demasiado para mi cerebro, en realidad. Todavía no lo puedo creer, cómo lo manejaron. Y debe ser increíble usar ningún TSS back y language porque no tienes que cambiar el idioma entre front y back end. Por lo que es más fácil volver a escribir código sin una Rosa. Python es una tierra realmente interesante, que se puede ejecutar todo en ella. Y se utiliza paradisíaco para IA o análisis de datos. Te gustaría trabajar en esta área. Sitios Web grandes como Dropbox o incluso Google están usando Python. Incluso hay un dicho enojo. Si es posible, ¿verdad? Todo en Python Ahora es difícil recomendar el lenguaje perfecto para ti. Si no quieres aprender otro idioma además de JavaScript, te recomendaría que aprendas No Js y para mí, como una vieja escuela PHP script kiddie, recomendaría mucho Peach Beam. Sé que mucha gente está diciendo que PHP es muy vieja escuela en lento, sin embargo, dentro de nuevas actualizaciones con PHP seven plus, PHP recuperó su reputación como una espalda y lenguaje totalmente funcionales, sobre todo si estás usando marcos. Es una locura, bueno Así que si vienes del fondo PHP, definitivamente te recomiendo que vuelvas a aprender PHP así que sin embargo, no importa lo que vayas a escoger. Todavía necesitas aprender las cosas básicas. En primer lugar, la sintaxis en la estructura y los patrones. Entonces buscaría qué tipo de gestión de paquetes hay utilizado para tu lenguaje y Ph . B. Se llama Compositor, y por fin miraría hacia arriba. ¿ Cómo se escribe http, solicitud a su espalda y servidor con el trato que ha elegido y sobre todo buscar o enrutamiento se hace. Por lo que ahora les voy a presentar mis recomendaciones para los frameworks. Sé que no tuve experiencia alguna con los otros dos idiomas, sin embargo, que hay marcos muy populares que me gustan y el otro nuestros donantes, por ejemplo. He levantado la vista y una realmente, realmente me gusta. Yo lo explicaré por qué, Pero primero, hablemos de gente durazno. Hay dos grandes frameworks que uso muy a menudo. El que más me gusta se llama Larra. Bueno, es bastante asombroso porque tienes tantos a Tory al respecto. Hay tantos videos al respecto, por lo que es fácil como principiante aprender, pero advertirlo es muy abrumador. Y hay mucho que aprender, y sobre todo la documentación no está clara. Al principio, sin embargo, cuando estés trabajando con él, va a ser más claro y más claro y más claro. Ahí hay otro gran marco. Se llama Sinfonía, y en realidad, Larry bien se basa en sinfonía, pero sinfonías más utilizadas en proyectos muy grandes y grandes empresas. Por lo que al principio me quedaría con Lara. Bueno, entonces, para conocer jazz, sólo hay un gran marco popular. Se llama Express GS es muy ligero y muy rápido. No obstante hay muchos pocos simplemente no incluidos en. Tienes que donarlos por separado, pero en general expresa la más usada, por lo que es muy útil aprender esto. Bueno, otro marco de Adonis Jesse que me gusta mucho. No lo usé, pero he escuchado muchas cosas buenas al respecto, sobre todo si vienes del fondo del pozo Larra, porque es muy similar en Python, hay dos grandes frameworks. Ahí está Jenga y frasco, y jingle es bastante diferente al matraz y general, incluso tener panel y matraz de Edmund es básicamente como un micro framework Me recuerda un poco fuera express y te da justo lo que necesitas. No hay campanas ni silbatos, pero al mismo tiempo te da mucha libertad, y realmente puedes hacer lo que quieras hacer. Entonces eso fue todo el lenguaje de servicio es bastante curioso. Qué tipo de lenguaje vas a elegir y qué tipo de marco? Si tiene algunas recomendaciones propias fuera de los marcos que utilizó, por favor escriba en los comentarios. Tengo bastante curiosidad porque realmente quiero aprender un poco más de otros frameworks. Por lo que a la próxima semana voy a hablar del proyecto de clase. Nos vemos ahí. 8. Proyectos de clase: sube un archivo a GitHub: Enhorabuena. Tú lo hiciste. Gestionas toda la clase. Es mi Fue mi primer último y fue tu primer elenco. Ambos lloraron Oberman y espero que esta guía práctica te mostrara cómo aprender lo que necesitas aprender en el futuro para que puedas convertirte en un desarrollador veterinario Andi, lo que elijas, ya sabes, puedes ser un frente de superior. Puedes ser desarrollador de back and developer o completamente step developer, pero al final del día, necesitas trabajar para eso. Necesitas aprender todos los días, cosas nuevas, y sé que es complicado o suena confuso, pero en realidad no lo es. Basta con necesitar, por ejemplo, esta guía que hoy les aseguro y fue ese conocimiento. Puedes ser todo lo que quieras para ser como un astronauta. No, bromeo, solo un desarrollador Web. Pero creo que te gustará. Va a ser increíble Y, sí, sí, entonces supongo que No, yo el final de esta clase, te voy a desafiar. Espero que lo vayas a manejar. Es un pequeño, pequeño reto significó Vamos a ver si puedes hacerlo, necesitas escribir el código un lugar de código simple. Digamos que tomas el lenguaje HTML a pesar de que no es un idioma per se, pero sí el matrimonio o tú ¿Puedes escribirlo a la vista o en el lenguaje de señas? ¿ Qué te gusta? Digamos que PCI y tú creas este fuego y lo subiste y te subiste. Lo vas a publicar aquí. Te gusta un enlace a tu pelea pública, Andi. Sí, estoy bastante seguro de que debes hacerlo por tu cuenta, pero te va a desafiar porque necesitas buscar qué herramientas necesitas para que el lenguaje esté trabajando Yeah, posteado abajo. Estoy muy emocionado de verlo. ¿ Y si lo hicieras? Y si tienes algunos problemas, siempre puedes preguntarme yo podría ayudarte. No hay problemas en absoluto. Estoy feliz de ayudar. Entonces, chicos, este es el fin de esta clase. Ojalá te divirtieras y aprendas algo y yo soy Sí, estoy bastante seguro de que nos vamos a volver a ver. Estoy haciendo videos completos sobre voy a hablar de todos los idiomas, dijo que mostré mucho más profundo en. Espero que te vayas a aprender algo