Desarrollador web desde cero: curso 72.900 rublos. de Brunoiam, formación 9 meses, fecha 27 de noviembre de 2023.

instagram viewer

Bloque 1 - Conceptos básicos de las tecnologías web

• Establecer objetivos personales para el curso.
• Tipos de sitios, funcionalidad.
• Etapas de la creación de un sitio web, principales profesiones de la industria.
• Tecnologías de red y protocolos de Internet: TCP/IP, HTTP, HTTPS, FTP
• Hosting y dominio, sistema DNS
• Modelo de cliente y servidor
• El papel del navegador y los editores de código.
• Configurando tu espacio de trabajo
• Sistemas de control de versiones. git

Bloque 2 - HTML

• Introducción a HTML: conceptos de etiquetas y atributos
• Codificación de texto HTML
• Etiquetas para formar texto
• Hipervínculos y direcciones de archivos
• Enlaces de anclaje
• Enlace para llamar y enviar correo electrónico
• Tablas en HTML
• Etiqueta img y sus atributos. Reglas para publicar fotografías. Formatos de imagen: cuáles elegir

Bloque 3 - CSS

• Sintaxis CSS básica
• Principales tipos de selectores: identificadores, clases, pseudoclases.
• Puntos de especificidad y prioridades de reglas.
• Cascada y herencia de propiedades.
• Selector contextual y universal.
• Propiedades de texto y fuente en CSS
• Conexión de fuentes externas
• Colores HEX y RGB. Agregar un fondo uniforme a los elementos. Imagen de fondo de la página, configuración de fondo.

Bloque 4 - Modelo de bloques y diseño de página web

• Comprender los elementos de bloque y en línea
• Propiedades clave de los bloques
• ¿Cómo se calcula el tamaño del bloque y el tamaño de la caja?
• ¿Qué es un modelo de bloques?
• Usar bloques para construir un diseño
• Elementos de bloque en línea
• propiedad de visualización
• Métodos obsoletos para construir un diseño: saber, no se pueden utilizar

Bloque 5: Diseños de varias columnas con Flexbox

• Etiquetas semánticas para diseño de maquetación.
• Conceptos básicos de Flexbox: contenedores y elementos
• Alinear elementos a lo largo del eje principal y transversal.
• Cambio de ejes y alineación vertical de elementos.
• Problemas con el uso de flexbox

Bloque 6 - Conceptos básicos de los editores gráficos para maquetadores

• Trabajar con imágenes: recortar, recortar
• Ahorro: formato, calidad, peso
• Cómo averiguar el código de color.
• Herramientas de fuentes
• Copiando CSS terminado
• Medición de distancias: herramientas, ajustes.
• Efectos y su copia.
• Incrustar mapas y vídeos

Bloque 7 - Posicionamiento

• Tipos de posicionamiento: estático, absoluto, relativo, fijo
• Características de diferentes tipos de posicionamiento.
• índice z y contexto de superposición
• Cuándo y cómo utilizar el posicionamiento
• Ejemplo de un menú desplegable de varios niveles
• Resolver problemas típicos de posicionamiento.

Bloque 8 - Formularios de comentarios

• Elementos básicos del formulario: entrada, selección, área de texto, botón
• Estado de campo y pseudoclases.
• Elementos de selección casilla de verificación, radio, seleccionar
• Elementos de agrupación: conjunto de campos y leyenda.
• Estilos para el pseudoelemento marcador de posición
• Reglas para estilos de escritura para formularios.
• Botones de estilo

Bloque 9 - Diseño web responsive y adaptativo

• Concepto de diseño web adaptable y responsivo.
• Preguntas de los medios
• Opciones de ventana gráfica y etiqueta Meta ventana gráfica
• Problemas entre navegadores
• Validez del código, validadores.
• Características de los sitios de varias páginas.
• Reglas de diseño para la promoción SEO

Bloque 10 - Animación usando HTML5 y CSS3

• Transiciones suaves para crear efectos de animación.
• Animación usando fotogramas clave.
• Transformación de elementos
• Agregar elementos de animación básicos al sitio.

Bloque 11: Conceptos básicos de JavaScript

• Introducción a JavaScript
• Variables y tipos de datos
• Operadores matemáticos y conversión de tipos.
• Operadores logicos
• Ramas y declaraciones condicionales.
• Funciones integradas de interacción con el usuario

Bloque 12 - Bucles y matrices en JavaScript

• matrices
• Métodos para trabajar con matrices.
• bucles for y while
• Matrices anidadas
• Trabajando con la consola

Bloque 13 - Funciones

• Definición de una función. La función de flecha y sus diferencias con la habitual. Expresión de función y declaración de función.
• Área de visibilidad. Cómo funciona. Entorno léxico.
• Temporizadores y cierre. Funciones setInterval, setTimeout, clearInterval, clearTimeout. Qué es un cierre y cómo se puede utilizar.
• Funciones de devolución de llamada

Bloque 14 - Objetos. DOM. Eventos

• Objetos y diccionarios. Cómo crear objetos. La palabra clave es esta. Obtener, cambiar y eliminar propiedades de objetos. Enlaces a objetos.
• Herencia de prototipos. Cómo funciona la herencia de propiedades y métodos. Diseñadores.
• Clases. Definición de clases y ventajas de uso. Ampliación de clases. Métodos privados y públicos. Captadores y definidores. Un ejemplo de creación de un programa utilizando clases y arquitectura MVP.
• DOM. Modelo de objetos de página y por qué es necesario. Encontrar elementos en una página y recuperarlos. Enumeración de elementos y propiedades básicas.
• Eventos

Bloque 15 - Animación y efectos en JavaScript

• Animaciones de JavaScript. Cambiar las propiedades CSS de los elementos. Curva de Bézier. Ejemplos de animaciones.
• Representación en el navegador. Propiedades optimizadas. función requestAnimationFrame.
• Bibliotecas con animaciones.

Bloque 16 - Elementos interactivos

• control deslizante
• Acordeón
• Información sobre herramientas

Bloque 17 - Node.js

• Introducción a Node.js. Características de Node.js. Brevemente sobre los módulos y sus propósitos: fs, child_process, https.
• MNP. Comandos básicos del administrador de paquetes npm. Inicializando el proyecto e instalando los primeros paquetes. Estructura del paquete.json.
• Conceptos básicos del paquete web. ¿Por qué necesitamos ensambladores y qué etapas se pueden automatizar? Primera configuración de Webpack y automatización de compilación: minificación de código, concatenación de módulos y uso del preprocesador SCSS.
• Preprocesador SCSS. Ventajas de los preprocesadores. Una descripción general rápida de las diferencias entre algunos: SCSS, SASS, Less, post-css. Construcciones básicas: variables, mixins, funciones.

Bloque 18 - Trabajar con el servidor

• API de promesa
• Contactando con el servidor y la clase XMLHttpRequest
• método de búsqueda
• Biblioteca Axios

Bloque 19 - Conceptos básicos de React

• Componentes y JSX
• Condición del componente
• Manos
• Componentes de estilo
• Reaccionar-enrutador

Unidad 20: Conceptos básicos de TypeScript

• Escritura estática
• Interfaces y tipos
• Tipos de enumeración

Bloque 21: descripción general de la hoja de ruta del desarrollador de JS

• Brevemente sobre cómo desarrollarse más como desarrollador y qué estudiar 

Bloque 22 - Conceptos básicos de programación PHP

• Propósito de las tecnologías de servidor
• Servidor web local y dominio
• Crear páginas web dinámicas
• El concepto de sistemas CMS.
• Alojamiento de páginas web
• Protocolo FTP para descargar archivos
• Resumiendo y completando el proyecto.

Tasa de bonificación

Curso gratuito "Aprende a aprender"

Le damos a cada estudiante acceso a este curso para que la capacitación no se desperdicie. El problema es que la gente no obtiene resultados del entrenamiento. Hay tres razones principales:

• No hay objetivos claros. E incluso aquellos que entienden la importancia de las metas todavía no lo hacen. Quiero cambiar de trabajo y convertirme en un genial administrador de redes sociales; no es un objetivo, sino un deseo. Con esta configuración, el resultado será apropiado.
• Abandonar el aprendizaje a mitad de camino. Mucha gente encuentra la motivación en la primera semana. Pero es imposible llegar al final. Porque al cerebro no le gusta aprender con regularidad.
• Falta de coherencia. Es un fenómeno bastante común cuando nos aferramos a cualquier información sobre un tema elegido, nos movemos al azar y, como resultado, es en vano.

¿Por qué destacamos estas tres razones? Porque llevamos 11 años enseñando y vemos comentarios de los estudiantes. Durante el curso te contamos cómo aplicar todo este valioso conocimiento en la vida.