Présentation

Amplía tus conocimientos, hasta un nivel de especialización, de Front-end en programación con todos los componentes y buenas prácticas”

Un desarrollador web abarca múltiples conjuntos de habilidades que se traducen en diferentes especialidades. Los tres términos más comunes que se utilizan para nombrar dichas especialidades de forma genérica son: Full Stack, Back-end y Front-end. Este último trabaja del lado del cliente, en el navegador, en lo que se ve. Principalmente se ocupa de los componentes externos del sitio web o de la aplicación.

A pesar de que se asocia a los desarrolladores Front-end con los principios de diseño y de estructura de páginas, su trabajo va más allá. En esta capacitación el alumno aprenderá funciones esenciales como la depuración de errores y el análisis estático del código. Asimismo, recopilará conocimiento necesario para crear un diseño intuitivo y receptivo, y habilidades en el uso de herramientas de desarrollo Front-end, incluidos Frameworks, automatización, CMS, API y sistemas de control de versiones. 

Además, al tratarse de una titulación online, el alumno no está condicionado por horarios fijos ni por la necesidad de trasladarse a otro lugar físico, sino que puede acceder a un nutrido contenido que le ayudará a alcanzar la élite de la programación en cualquier momento del día, compaginando, a su ritmo, su vida laboral y personal con la académica.

Serás capaz de generar conocimiento especializado sobre sistemas de diseño”

Este Certificat en Front-end dans Programmation contiene el programa educativo más completo y actualizado del mercado. Sus características más destacadas son:

  • El desarrollo de casos prácticos presentados por expertos en Front-end en Programación  
  • Los contenidos gráficos, esquemáticos y eminentemente prácticos con los que está concebido recogen una información científica y práctica sobre aquellas disciplinas indispensables para el ejercicio profesional 
  • Los ejercicios prácticos donde realizar el proceso de autoevaluación para mejorar el aprendizaje 
  • Su especial hincapié en metodologías innovadoras  
  • Las lecciones teóricas, preguntas al experto y trabajos de reflexión individual 
  • La disponibilidad de acceso a los contenidos desde cualquier dispositivo fijo o portátil con conexión a internet 

Genera conocimiento avanzado sobre herramientas como los preprocesadores para dotar de superpoderes al CSS y a los sistemas de diseño”

El programa incluye, en su cuadro docente, a profesionales del sector que vierten en esta capacitación la experiencia de su trabajo, además de reconocidos especialistas de sociedades de referencia y universidades de prestigio.

Su contenido multimedia, elaborado con la última tecnología educativa, permitirá al profesional un aprendizaje situado y contextual, es decir, un entorno simulado que proporcionará una capacitación inmersiva programada para entrenarse ante situaciones reales.  

El diseño de este programa se centra en el Aprendizaje Basado en Problemas, mediante el cual el profesional deberá tratar de resolver las distintas situaciones de práctica profesional que se le planteen a lo largo del curso académico. Para ello, contará con la ayuda de un novedoso sistema de vídeo interactivo realizado por reconocidos expertos.

Desarrolla los elementos clave de un documento HTML en torno al tópico de las etiquetas semánticas y sus beneficios"

Profundiza en los conceptos clave de CSS como el modelo de caja, posicionamiento, selectores, especificidad, Flexbox, Grid entre otras"

Plan de estudios

El temario se ha diseñado en base a los requerimientos de la informática aplicada al desarrollo Front-end en programación, estableciendo así un plan de estudios cuyo módulo ofrece una amplia perspectiva de lenguaje HTML, desde la hoja de estilo en cascada CSS hasta el modelo de caja, pasando por el posicionamiento y el diseño adaptable, entre otros. 

El plan de estudios más completo y moderno del mercado elaborado por profesionales del sector”

Módulo 1. Front-End en programación

1.1. Lenguaje HTML

1.1.2. Documento HTML
1.1.3. Elemento Head
1.1.4. Elemento Body
1.1.5. Texto
1.1.6. Hipervínculos
1.1.7. Imágenes
1.1.8. Primer Site

1.2. Lenguaje HTML. Layouts

1.2.1. Lenguaje HTML. Elementos
1.2.2. Layout tradicional
1.2.3. Layout Semántico

1.3. Hojas de Estilo en Cascada CSS (Cascading Style Sheets)

1.3.1. Inclusión de CSS en un documento HTML
1.3.2. Comentarios
1.3.3. Selectores
1.3.4. Selectores Avanzados

1.4. Propiedades CSS (Cascading Style Sheets)

1.4.1. Color
1.4.2. Texto
1.4.3. Pseudo clases
1.4.4. Transiciones
1.4.5. Animaciones
1.4.6. Animación de elementos
1.4.7. Animación Avanzada

1.5.  Modelo de caja

1.5.1. Alto y ancho
1.5.2. Margen
1.5.3. Relleno

1.6. Posicionamiento

1.6.1. Posicionamiento estático
1.6.2. Posicionamiento relativo
1.6.3. Posicionamiento absoluto
1.6.4. Posicionamiento fijo
1.6.5. Floats

1.7. Diseño adaptable

1.7.1. Viewport
1.7.2. Media queries
1.7.3. Unidades CSS
1.7.4. Images
1.7.5. Frameworks

1.8. Layout Moderno

1.8.1. Flex
1.8.2. Grid
1.8.3. Flex vs Grid

1.9. Preprocesador

1.9.1. Sass
1.9.2. Variables
1.9.3. Mixins
1.9.4. Bucles
1.9.5. Funciones

1.10. Sistema de Diseño

1.10.1. Bootstrap
1.10.2. Grilla de bootstrap
1.10.3. Header y footer de nuestro sitio
1.10.4. Formularios
1.10.5. Cards
1.10.6. Modales

Unos contenidos enfocados a actualizar tus conocimientos para que destaques en el mercado laboral”

"

Certificat en Front-end dans Programmation

Le front-end est la partie du développement d'un logiciel ou d'un site web qui se concentre sur la partie visuelle et l'interaction directe avec l'utilisateur. Cette partie de la programmation est ce que l'on voit sur l'écran de l'utilisateur (que ce soit dans un navigateur web ou une application mobile), et est responsable de la présentation et de l'interaction des informations dans l'interface utilisateur.

Le Front-end est la partie d'un site web ou d'une application que l'utilisateur peut voir et avec laquelle il peut interagir directement. Il se réfère à l'interface utilisateur graphique (GUI) et se compose principalement de HTML, CSS et Javascript. La fonction du Front-end est de fournir une expérience visuelle attrayante et fonctionnelle à l'utilisateur final.

Pour développer l'interface utilisateur d'une application, il est nécessaire de connaître des langages de programmation spécifiques, tels que HTML, CSS et JavaScript. HTML est le langage qui permet de définir la structure et le contenu de la page, CSS permet de définir le style et la présentation visuelle de la page, et JavaScript permet d'ajouter de l'interactivité et du dynamisme à la page.

Le développement frontal implique la conception, le développement et la mise en œuvre de l'interface utilisateur d'une application ou d'un site web. Les développeurs frontaux utilisent le HTML pour structurer la page, le CSS pour concevoir et styliser la page web, et le JavaScript pour créer de l'interactivité sur la page web. En outre, ils peuvent également utiliser des cadres de conception, tels que Bootstrap ou Materialize, pour faciliter leur travail.

Il est important de noter que le Front-end et le Back-end sont des parties interdépendantes d'une application ou d'un site web, qui travaillent ensemble pour fournir une expérience utilisateur cohérente et homogène. Le front-end communique avec les serveurs du back-end par l'intermédiaire d'une API (interface de programmation d'applications) afin d'échanger des données en temps réel. La mise en œuvre d'une page d'accueil bien conçue a un impact important sur l'expérience de l'utilisateur, la rétention et le succès de l'application ou du site web.

"