Bienvenidos al pre-curso de SkylabCoders, aquí encontraréis todos los enunciados, ejercicios y challenges que os servirán para aprender a dominar la estructura básica de Javascript, HTML y CSS. Comprendiendo y dominando con soltura estos fundamentos os resultará más fácil llegar al nivel de Javascript al que os llevaremos una vez empiece el curso.
A parte de estar en contacto por Slack de forma continua, en las sesiones de estudio de los miércoles se trabajarán los distintos ejercicios y responderemos las dudas que surjan. Además os presentaremos su correspondiente mini-project (prácticas que os sugeriremos para afianzar los conocimientos).
Así, los objetivos del pre-curso son:
- Prepararos para poder empezar el curso con un buen nivel de Javascript
- Entender la visión global de comunicacion entre capas (JS/HTML/CSS)
- Fomentar la auto-resolución de problemas y el trabajo en equipo
- Inculcar buenas prácticas en cuanto a código y organización del trabajo.
(Tiempo estimado: 70 horas).
-
Tema 0 - Var, Loops, Conditionals //15 ejercicios.
Declaracion de variables, repetir ciertas operaciones X veces o recorrer datos mediante Loops FOR, contemplar casos de comportamiento mediante condicionales IF.
Project: -
Tema 1 - Methods // 33 ejercicios.
Tratamiento de variables simples con funciones/métodos propios de cada tipo de variable, a fin de transformarlas y conseguir un output deseado.
Project: Calculator -
Tema 2 - Objects // 20 ejercicios.
En este tema aprenderemos los inicios en la persistencia de los datos, almacenándolos en objetos, muy diferentes de arrays. Listaremos sus propiedades, sacaremos sus valores, los trataremos y almacenaremos más datos.
Project: Skylab Airline -
Tema 3 - Functions // 20 ejercicios.
Aprenderemos que és el concepto de modularización, partir el código en trozos más pequeños según su funcionalidad, llamadas a las mismas con y sin parámetros.
Project: Bingo -
Tema 4 - Challenges // 24 ejercicios.
Juntaremos todos los conocimientos de las sesiones anteriores, en estos challenges os pondremos a prueba.
Project: Pasapalabra -
Tema 5 - HTML
Aprenderemos los fundamentos de HTML. Del primero trabajaremos su estructura básica, sus tags principales: como juntarlos y mostrar información según un estilo.
-
Tema 6 - CSS
Aprenderemos los principales selectores, propiedades de los principales tags, etc.
-
Tema 7 - JS-NATIVE/HTML/CSS
Como unimos los tres bloques vistos durante este pre-curso? Entramos en Javascript orientado al navegador, manipulando el DOM (Document Object Model).
Project: Calculator++! -
Final Project
Poned en practica todo lo aprendido en un proyecto final que os servirá de entrada al curso. Enhorabuena! 🏃🏻