Temario
Bootstrap
Realiza una landing page con el sistema grid más utilizado en el mundo. Descubre los nuevos elementos que tiene la versión 4 y realiza una landing de producto que se adapte 100% a cualquier dispositivo mobile en minutos.
• Implementando bootstrap 4
• Grid system, Col-*, Col-auto y Col... aprovechado al máximo.
• Flex
• Conociendo los componente
• Utilidade
• Dinámicas de trabajo
• Tips mobile first
Avanzado:
- Importación
- Sass dentro de Bootstrap
- Variables globales
- Nuestro propio Framework dentro de Bootstrap
- Optimización del Framework
Requisitos:
Html / CSS3 / Nociones mínimas de estructuras de control en JavaScript u otro lenguaje
SASS
Aprendé a generar hojas de estilos dinámicas y reutilizables. También a crear tu propio sistema grid dinámico.
- Qué es un preprocesador de CSS?
- Instalar SASS
- Compilar SASS
- Sintaxis
- Variables - @import y _partials
- Mixin y Placeholder
- Arrays
- Estructuras básicas de control
- Creación de un sistema grid dinámico
Requisitos
Html / CSS3 / Nociones mínimas de estructuras de control en JavaScript u otro lenguaje
Ideal para aprovechar mejor el curso
Manejo de Bootstrap
Javascript Esencial
Aprendé las bases mínimas para adentrarte en el desarrollo frontend. Este módulo está específicamente orientado para brindarte los conocimientos básicos que necesitás para iniciar tu camino en el desarrollo front-end y el acceso a los frameworks de desarrollo, y JavaScript moderno.
- Introducción a Javascript (Vanilla y ES6+)
- Variables
- Arrays
- Objetos
- Estructuras de Control
- Manipulación del DOM con ES6+
- Json
- Fetch y consumo de Apis
ES6
Vas a aprender y conocer la nueva versión de Javascript.
- Qué es ES6?
- Babel (líneas generales)
- Arrow Functions
- This
- Let y Const
- Template Strings
- Destructuring
- Clases
Vue.js
Conocé el framework progresivo para desarrollo front-end más potente, liviano y aceptado por la comunidad de desarrolladores. Vas a aprender a crear componentes reutilizables y desarrollar una PWA.
- Introducción a Vue
- Visual Studio Code
- La instancia Vue y Ciclo de Vida
- Data-binding
- Directivas y Eventos
- Propiedades computadas
- Filtros
- Components Templates
- Components props
- Components Templates Dinámicos
- Vue Cli
- Webpack – Babel (Líneas generales)
- Single File Components
- Router
- Vuex
- Componentes Globales
- Mixins
- Desarrollo de una PWA
- y mucho más
Excluyente: Nociones de Javascript o ES6
React
Vas a aprender a dominar uno de los frameworks de desarrollo front-end más potentes y populares.
Introducción a React.
Componentes de React.
JSX.
Manejo de eventos.
Props y state.
Ciclo de vida del componente.
Renderizado condicional.
Listas y claves.
Formularios.
Comunicación entre componentes.
Hooks.
React Router.
Integración con APIs.
Git
Comandos básicos
Repositorios
GitHub
Angular
Vas a aprender a dominar uno de los frameworks de desarrollo front-end más potentes y populares.
- Qué es Angular?
- Angular Cli
- Componentes
- Servicios inyectables y llamadas a APIs
- Observables
- Directivas
- Angular Route
- Angular Guards
- Lazy loading
- Flujo de datos entre componentes
- Formularios y validación en Angular
- Y más
Firebase
Olvidáte de las bases de datos convencionales, usá una base de datos no relacional reactiva en tiempo real, auténtica a tus usuarios de modo fácil y seguro, y mucho más.
- Qué es Firebase?
- Usar Firebase en mis proyectos
- Agregar
- Leer
- Actualizar
- Eliminar
- Transactions
- Push Agregar
- Listas de Eventos
- Ordenar y Filtrar
Requisitos
ES6 o nociones de JavaScript o vue.js.
