Ventajas de nuestra formación
Acceso al curso las 24 hs. Todos los días de la semana
Contenidos didácticos de calidad
Calendario flexible
Profesores especializados
Curso acreditado por FUNDAE
Aula virtual accesible para PCs, notebook, tablet y smartphone
Opción a disponer de asistencia de profesor o sólo acceso a contenidos (autoestudio)
Nos ocupamos de toda la gestión de su bonificación
Diploma acreditativo de CIBERAULA
Calendario: Flexible.
Fecha disponible: Inmediata.
Porcentaje de Bonificación: 100%
Diploma acreditativo emitido por FUNDAE.
Certificado acreditativo para concursos y oposiciones.
Temario Personalizado.
Explorando las Fronteras del Diseño Web: Un Viaje a través del Desarrollo Front-End
Adentrarse en el mundo del desarrollo front-end es embarcarse en un viaje continuo de aprendizaje y creatividad. Este curso está diseñado para guiarte desde los conceptos fundamentales de CSS y HTML, hasta dominar tecnologías avanzadas como JavaScript y frameworks populares como Bootstrap. Con un enfoque práctico, los estudiantes descubrirán cómo dar vida a sitios web dinámicos y responsivos, optimizados tanto para la funcionalidad como para la estética.
Leer másAdentrarse en el mundo del desarrollo front-end es embarcarse en un viaje continuo de aprendizaje y creatividad. Este curso está diseñado para guiarte desde los conceptos fundamentales de CSS y HTML, hasta dominar tecnologías avanzadas como JavaScript y frameworks populares como Bootstrap. Con un enfoque práctico, los estudiantes descubrirán cómo dar vida a sitios web dinámicos y responsivos, optimizados tanto para la funcionalidad como para la estética.
La capacidad de crear interfaces de usuario atractivas y la comprensión profunda del comportamiento del usuario en la web son habilidades cruciales en la era digital. A través de este curso, no solo aprenderás las técnicas de codificación más actuales, sino que también ganarás experiencia en el diseño UX/UI, asegurando que los sitios web sean intuitivos y accesibles para todos los usuarios. Este conocimiento integral abre puertas a oportunidades profesionales en diversas industrias, preparándote para los desafíos de la tecnología web de mañana.
Este curso de desarrollo front-end está dirigido a principiantes en el desarrollo web, estudiantes de tecnologías de la información, diseñadores gráficos, y profesionales de IT que buscan actualizar sus habilidades en CSS, JavaScript, y Bootstrap. Es perfecto para quienes desean desde iniciar su aprendizaje en desarrollo web hasta desarrolladores que buscan profundizar en técnicas avanzadas. Al finalizar, los participantes podrán crear sitios web responsivos y optimizados, aplicables a proyectos personales o profesionales. |
La duración del curso de Desarrollo Frontend (HTML, CSS, SASS, JavaScript y Bootstrap) es de 50 horas,
acreditadas en el Diploma del mismo. Fecha de inicio: Se puede determinar libremente, teniendo en cuenta que en cursos bonificados de formación contínua debe notificarse a FUNDAE con al menos 3 días naturales de antelación a la misma. |
Este curso puede ser bonificado al 100% para la empresa receptora, incluso aunque esta tenga un porcentaje de copago en razón de su número de empleados en plantilla. El coste de la formación se recuperará
mediante descuento en el pago de los seguros sociales. |
Este descuento será aplicable libremente en cualquier mes del año posterior a la fecha en que haya finalizado la formación. Podrán bonificarse las matrículas de aquellos alumnos que realicen al menos el
75% del curso con éxito. |
EN CURSOS ONLINE Teleformación: En esta modalidad todo el curso se realiza a través de internet, con acceso las 24 hs. todos los días de la semana y plazo máximo de seis meses. No hay actividades como clases a las que el alumno deba asistir en horarios y fechas programados. Aula virtual: En esta modalidad la formación se imparte mediante clases en directo a través de internet, es decir clases tele-presenciales, que se llevarán a cabo a través de ZOOM, Skype u otra herramienta a convenir. Modalidad MIXTA: Combinación de las dos modalidades anteriores. Los trabajadores asisten a clases en directo (por ejemplo una a la semana) y entre clases disponen de material para avanzar en el curso en la plataforma. Es la más completa para grupos de trabajadores que realizan un mismo curso. EN CURSOS PRESENCIALES o SEMI - PRESENCIALES En esta modalidad los trabajadores realizan el curso asistiendo físicamente a un aula en la que se imparte la formación. Puede ser complementada igualmente con acceso a una plataforma online entre clases. Para esta modalidad se requiere una consulta previa de disponibilidad en la ciudad donde se desee llevar a cabo. |
NOTA:
Trabajamos con la metodología de curso personalizado, creada por Ciberaula en 1997. Usted puede solicitar un curso a la medida de sus objetivos, que combine lecciones de
2 o más cursos en un plan de formación a su medida. Si este es su caso consúltenos, esta metodología ofrece un aprovechamiento máximo de la formación en los cursos bonificados para trabajadores.
El
temario predefinido del curso online de Desarrollo Frontend (HTML, CSS, SASS, JavaScript y Bootstrap) es el siguiente:
1 Introducción al CSS
1.1 Importancia del CSS en el desarrollo web
1.2 Estructura y sintaxis básica
1.3 Creación de una primera página web con estilos básicos
2 Fundamentos de los Selectores CSS
2.2 Selectores (Parte 1 y 2) tipo, clase, ID
2.3 Selectores avanzados combinadores, pseudo-clases
3 Estilización de Fondos y Textos
3.3 Fondos color, imágenes, gradientes
3.4 Texto y tipografía fuentes, tamaño, estilo
4 Unidades en CSS
4.1 Unidades de medida px, em, rem, %
4.2 Unidades de colores RGB, HEX, HSL
5 El Modelo de Caja en CSS
5.1 Box model margen, borde, padding, contenido
5.2 Display inline, block, inline-block, none
6 Diseño y Posicionamiento
6.1 Tipos de elementos bloque, en línea
6.2 Posicionamiento de cajas relativo, absoluto, fijo, flotante
7 Visualización Avanzada
7.1 Galería de imágenes técnicas y prácticas
7.2 Sombras y bordes estilos y aplicaciones
8 Pseudo-clases y Pseudo-elementos
8.1 Aplicaciones y ejemplos prácticos
8.2 Listas y menús de navegación estilización avanzada
9 Formularios Web Estilizados
9.1 Diseño de formularios de contacto
9.2 Campos, botones, y validación visual
10 Animaciones y Transiciones en CSS
10.1 Uso de la propiedad transform
10.2 Creación de animaciones y transiciones suaves
11 Tipografías y Diseño Responsivo
11.1 Fuentes personalizadas incorporación y uso
11.2 Diseño responsivo con HTML y CSS técnicas y prácticas
12 Introducción a Flexbox
12.1 Flexbox conceptos básicos y propiedades para contenedores
12.2 Diseño de una página con Flexbox estructura y estilos
13 Flexbox Avanzado
13.1 Estilos para header, main, aside, y footer con Flexbox
13.2 Responsive design con Flexbox prácticas y ejemplos
14 Introducción a CSS Grid
14.1 Creación de la primera grid
14.2 minmax(), repeat(), y técnicas de posicionamiento
15 CSS Grid Avanzado
15.1 Áreas en CSS Grid y alineación de elementos
15.2 Grid implícita, auto-fill, y auto-fit
16 Preprocesamiento con SASS
16.1 Instalación de SASS y sintaxis básica
16.2 Variables, anidación de selectores
17 Técnicas Avanzadas en SASS
17.1 Organización de proyectos en múltiples archivos
17.2 Mixins, funciones, y clases extendidas
18 JavaScript Básico
18.1 Introducción y sintaxis básica
18.2 Variables, tipos de datos, operadores
19 Estructuras de Control en JavaScript
19.1 Condicionales, bucles (for, while)
19.2 Funciones y eventos básicos del DOM
20 JavaScript Avanzado
20.1 Objetos, arrays y sus métodos
20.2 Scope, closure, y hoisting
21 Manipulación del DOM con JavaScript
21.1 Se y modificación de elementos
21.2 Creación y eliminación de nodos
22 Eventos y Formularios en JavaScript
22.1 Manejo de eventos
22.2 Validación y envío de formularios
23 JavaScript Moderno
23.1 ES6+ let, const, arrow functions, template literals
23.2 Promesas, async/await para operaciones asincrónicas
24 Introducción a Bootstrap
24.1 Conceptos básicos de Bootstrap y su grid system
24.2 Descarga e integración en proyectos
25 Componentes de Bootstrap
25.1 Uso de componentes botones, cards, modales
25.2 Formularios con Bootstrap diseño y validación
26 Bootstrap Avanzado
26.1 Flexbox en Bootstrap para diseño de layouts
26.2 Responsive design con Bootstrap prácticas y ejemplos
Publicado el 21 de abril del 2024 Por Jasmin Fasquelle JavaScript Moderno: Características y Herramientas
JavaScript ha evolucionado significativamente desde su creación, y el JavaScript moderno ha incorporado numerosas características que facilitan la escritura de código más limpio y eficiente. Con la introducción de ES6 y versiones posteriores, JavaScript moderno ofrece nuevas sintaxis y capacidades como las clases, módulos y promesas, que son esenciales para el desarrollo de aplicaciones complejas. Estas características no solo mejoran la legibilidad del código, sino que también optimizan el flujo de trabajo de desarrollo.
El uso de herramientas modernas de desarrollo en JavaScript, como Babel y Webpack, ha permitido a los desarrolladores mantenerse al día con las últimas características del lenguaje, garantizando compatibilidad con navegadores antiguos. Además, los frameworks y bibliotecas como React, Angular y Vue han revolucionado la forma en que se construyen las interfaces de usuario, haciendo que JavaScript sea indispensable en el desarrollo front-end. Estas tecnologías no solo aceleran el desarrollo, sino que también promueven mejores prácticas y patrones de diseño más sólidos.
La comunidad de desarrolladores juega un papel crucial en el continuo crecimiento y evolución de JavaScript. Con una vasta cantidad de recursos y tutoriales disponibles, aprender JavaScript moderno es más accesible que nunca. Además, la contribución continua de la comunidad al desarrollo de nuevos frameworks, herramientas y bibliotecas garantiza que JavaScript siga siendo relevante y en la vanguardia de la tecnología de desarrollo web. |
---|
Publicado el 19 de marzo del 2024 Por Ana Flores Tendencias Actuales en Diseño Web con CSS y SASS El mundo del diseño web está en constante evolución, adaptándose no solo a las necesidades de los usuarios sino también a los avances tecnológicos. Entre las herramientas que están marcando la pauta en la creación de interfaces atractivas y funcionales se encuentran CSS y SASS. Estas tecnologías permiten a los desarrolladores y diseñadores implementar tendencias actuales de diseño de manera eficiente y con mayor control sobre el estilo de los sitios web. Las animaciones complejas, los degradados dinámicos y los diseños responsivos no solo mejoran la estética, sino que también la usabilidad y accesibilidad de las páginas web. Una de las tendencias destacadas es el uso de variables CSS y funciones SASS, que facilitan la implementación de esquemas de colores personalizables y la adaptabilidad del diseño a diferentes dispositivos y preferencias del usuario. Esta capacidad de personalización no solo enriquece la experiencia del usuario sino que también refleja la identidad de marca de manera coherente a través de diferentes plataformas. Además, la incorporación de grid y flexbox en CSS ha revolucionado la forma en que se estructuran los layouts, permitiendo diseños más complejos y versátiles que se adaptan de manera fluida a cualquier tamaño de pantalla. Por otro lado, la importancia de la optimización del rendimiento y la accesibilidad web nunca ha sido tan crucial. El uso eficiente de CSS y SASS, junto con prácticas de codificación limpias y la implementación de técnicas de carga diferida, contribuyen significativamente a la velocidad de carga de las páginas, aspecto vital para mejorar el SEO y retener a los visitantes en el sitio. Al mismo tiempo, asegurarse de que los sitios web sean accesibles para todos los usuarios, incluyendo aquellos con discapacidades, se ha convertido en un estándar en el diseño web, reforzando la necesidad de seguir las directrices de accesibilidad web (WCAG) mediante el uso adecuado de HTML semántico y ARIA roles con CSS y SASS. En conclusión, estas tendencias no solo destacan la importancia de crear sitios web estéticamente agradables y funcionalmente ricos, sino que también subrayan el compromiso con la inclusión y la accesibilidad en el espacio digital. |
---|
Novedades Desarrollo Frontend
Nuestra Sede