Curso en línea de JavaScript. Desarrollo profesional de interfaces web: curso gratuito de HTML Academy, formación de 9 semanas, fecha 15 de octubre de 2023.
Miscelánea / / December 04, 2023
¿Por qué el curso es profesional?
En este curso aprenderás a realizar proyectos reales, del mismo nivel de complejidad que en la industria. Y las harás correctamente, de modo que tras la formación obtendrás resultados de alto nivel por los que las empresas están dispuestas a pagar.
Qué esperar durante el entrenamiento
Vidas
Transmisiones en vivo en las que los docentes analizan temas complejos desde la teoría y la práctica. Se llevan a cabo del 19 al 21, hora de Moscú, la inscripción está disponible al día siguiente.
Práctica
Después de la conferencia, haces tareas en las que trabajas en tu proyecto y refuerzas el material del curso.
Revisión de código
El mentor comprobará la calidad de las tareas y compartirá su experiencia sobre cómo hacerlo mejor.
Sección 1 Introducción a JavaScript
Veamos cómo funciona el curso, qué herramientas necesitará y cómo configurarlas. Veamos qué es el lenguaje JavaScript, incluida la especificación ECMAScript y el navegador.
¿Cómo funciona el curso? Cuestiones organizativas.
Esquema de trabajo del curso.
Revisión de proyectos.
Criterios de calidad.
lenguaje javascript
Especificación ECMAScript.
¿Qué le da el navegador a JavaScript?
Conceptos básicos de JavaScript.
Sintaxis básica: paréntesis, llaves, operadores, palabras reservadas, comentarios.
Los componentes básicos son variables y funciones.
Primitivos y tipos de datos complejos.
Herramientas.
Editores de código.
Linters.
Servidor de desarrollo.
Sección 2 Funciones básicas de JavaScript
Comencemos a estudiar las construcciones básicas de JavaScript, especialmente las funciones. Veamos los matices de declarar variables. Conozcamos las herramientas de desarrollo.
Variables.
Zonas de visibilidad.
Declaraciones condicionales.
Operador ternario.
Interruptor de operador de opción múltiple.
Ciclos.
Elenco.
Funciones.
Funciones de flecha.
Parámetros de función predeterminados.
parámetros de descanso.
Elevación de variables y funciones.
Introducción a DevTools (herramientas de desarrollo).
Sección 3 Objetos y matrices
Sección sin vivo
Se familiarizará con tipos de datos complejos: matrices y objetos. Aprende a crearlos y gestionarlos.
Tipos de datos complejos.
Matrices.
Métodos básicos de matrices.
Objetos.
Devoluciones de llamada (funciones de devolución de llamada).
Sección 4 Objetos y funciones integrados
Veamos los objetos y funciones que existen en el propio lenguaje JavaScript. Toquemos el contexto de ejecución de esto. Ejecutemos y depuremos el código en la consola de herramientas del desarrollador.
Desestructurante.
difundir la sintaxis.
Objetos integrados y sus métodos.
Cadena.
Número.
Booleano.
Fecha.
Matemáticas.
Operador nuevo.
Funciones integradas de JavaScript.
Contexto de la función.
La palabra clave es esta.
Pérdida del medio ambiente.
Herramientas de desarrollo. Usando la consola.
Sección 5 Organización del Código
Veamos el concepto de alcances. Analicemos el principio DRY (no lo repita) y cómo usarlo para escribir menos código y aún hacer más. Aprendamos qué son los módulos y cómo "descifrar" el código en ellos; ¿Qué es un punto de entrada?
Zonas de visibilidad.
Alcance global de la ventana.
Cierres
Modularidad.
Reutilización de código, principio DRY.
El concepto de módulo.
Punto de entrada.
Módulos ECMAScript, sintaxis de importación y exportación.
DevTools: depuración de código mediante fuentes.
Sección 6 DOM y Eventos
Sección sin vivo
Se familiarizará con el modelo de objetos de documento. Modelo de objetos de documento o DOM). Considere cómo describir las reacciones a las acciones del usuario: entrada de texto, hacer clic en ciertos elementos, desplazamiento, etc.
Árbol DOM.
El documento es la raíz de todo.
Estructura de árbol DOM.
Buscar elementos en una página.
Gestión de atributos de elementos.
Plantillas y datos.
Eventos en la página.
Manejadores de eventos.
Sección 7 Manipulación DOM
Intentemos crear, eliminar, mover y manipular elementos DOM. Usando plantillas, dibujaremos los datos creados anteriormente.
Gestión del árbol DOM.
Gestión de atributos de elementos DOM.
Mover elementos en el árbol DOM.
Enfoques para la creación de elementos DOM.
Creando objetos DOM.
Gestión de marcado: agregar, anteponer, insertarAdjacentHTML, internalHTML, textContent.
Plantillas.
Plantillas de cadenas (cadenas de plantilla).
etiqueta especial .
Sección 8 Trabajar con eventos
Manejaremos la interacción del usuario para que la página responda a la entrada de texto en formularios, al hacer clic en ciertos elementos, al desplazamiento, etc. Veamos cómo hacer que esta interacción sea accesible.
Eventos.
Objeto de evento, gestión de eventos: preventDefault y stopPropagation.
Fases del evento y delegación.
Eventos de teclado y accesibilidad.
Bucle de eventos.
Validación de formulario.
Pristine es una biblioteca de validación de formularios.
Validación mediante expresiones regulares.
DevTools: capacidades de elementos (inspector) para trabajar con el DOM y eventos.
Sección 9 API externas y bibliotecas de terceros
Veamos cómo no “escribir tu propia bicicleta”, sino reutilizar la experiencia y el código de otra persona. Conozcamos el concepto de interfaz de software. Interfaz de programación de aplicaciones o API), considere la API de bibliotecas JavaScript de terceros y la API JavaScript de servicios de mapas. Echemos un vistazo rápido a las API que el navegador proporciona a los desarrolladores.
Concepto de API.
Servicios de mapas y su API de JavaScript.
Abrir StreetMap.
Folleto.
Bibliotecas de terceros.
¿Por qué se necesitan las bibliotecas?
Cómo conectarse a un proyecto.
noUiSlider.
Descripción general de la API del navegador.
Sección 10 Red
Sección sin vivo
Verá el protocolo HTTP y el formato de datos JSON por su cuenta. Considere cómo cambia la interacción del usuario con el sitio cuando usa la red y qué puede salir mal.
Protocolo HTTP y formatos de datos.
JSON.
Manejo de excepciones.
trata de atraparlo.
Herramientas para trabajar con solicitudes de red.
Sección 11 Asincronía. Redes
Veamos el concepto de asincronía y cómo lograrlo mediante promesas. Promesa promesa). Conozcamos las tecnologías que le permiten realizar solicitudes al servidor desde un navegador. Veamos cómo manejar los errores en la práctica cuando trabajamos con la red si algo sale mal.
Asincronía.
setTimeout y setInterval.
Promesa.
Trabajando con la red.
buscar para contactar con el servidor.
Manejo de errores en solicitudes.
DevTools: trabajar con solicitudes de red en la Red.
Primera semana de defensa
Finalización de los trabajos del proyecto y preparación de la defensa final.
Sección 12 Comentarios y optimización
Optimizamos el trabajo con datos y eventos en nuestro sitio web. Implementamos comentarios de interfaz claros y fáciles de usar.
Trabajo avanzado con arrays.
Clasificación.
Filtración.
Optimizaciones de rendimiento.
Dejar caer cuadros - estrangular.
Eliminación de rebote - rebote.
API de archivos.
URL.createObjectURL().
Lector de archivos.
Segunda semana de defensa
La primera evaluación del proyecto por parte del mentor revisor según criterios de calidad.
Tercera semana de defensa
Mejorar el proyecto a partir de los comentarios del mentor revisor y someterlo a una segunda evaluación.
Sección 13 Final
Resumamos el curso y luego analicemos las características de JavaScript que quizás tenga que encontrar en el trabajo. El concepto de código heredado y qué hacer con él, con el código. Echemos un vistazo rápido a las herramientas avanzadas de desarrollo front-end para que pueda comprender a dónde ir a continuación.
JavaScript especial.
Modo estricto 'uso estricto'.
Punto y coma opcionales.
Código heredado.
jQuery.
var y alcance funcional.
Solicitud XMLHttp.
Funciones constructoras.
Prototipos.
Herramientas avanzadas.
Paquete web.
Transpilers y polyfills.
Babel.
Cuarta semana de defensa
Realizar ediciones finales y recibir una calificación final.
sashascript2022
26.07.2022 GRAMO.
Considero el curso de JavaScript. El desarrollo de una interfaz web profesional es un excelente comienzo para aprender JavaScript.
Ventajas: Material actual, nada superfluo, nada de agua + las ventajas anteriores. Desventajas: Al principio me resultó muy difícil, ya que estoy aprendiendo el idioma desde cero) Realicé este curso del 15 de febrero al 18 de abril de 2022. Y obtuve un sólido conocimiento básico de JavaScript. Pero eso no es todo lo que hice en el curso. También aprendí los conceptos básicos de HTML, CSS, los conceptos básicos de trabajar con Git y Github y mucho más...
Semyon Bushmanov
27.05.2022 GRAMO.
Buenos cursos!
Ventajas: Da resultados al alumno, claramente estructurado, bien pensado, buena presentación del material. Desventajas: Ninguna, pero cabe destacar que la programación en general requiere bastante tiempo. Completé el curso "Javascript". Desarrollo profesional de interfaces web." ¡Maravilloso curso! Los avances en programación tras el curso son evidentes. Realmente necesitas dedicar mucho tiempo a aprender...
Semyon Bushmanov
27.05.2022 GRAMO.
Buenos cursos!
Ventajas: Da resultados al alumno, claramente estructurado, bien pensado, buena presentación del material. Desventajas: Ninguna, pero cabe destacar que la programación en general requiere bastante tiempo. Completé el curso "Javascript". Desarrollo profesional de interfaces web." ¡Maravilloso curso! Los avances en programación tras el curso son evidentes. Realmente necesitas dedicar mucho tiempo a aprender...