12. Reinforcement
You now have all the knowledge I wanted to pass on to you during the course, now it's time to gain your own experience with real cases. The moment to make mistakes, get frustrated and learn from your errors. That's why I've listed a series of reinforcement exercises where you'll have to use everything we've practiced.
The goal of all the challenges is to implement each design as best you can, without ignoring its smartphone and desktop versions.
The difficulty curve is well tuned, don't cheat and follow them in order!
1: Clean Blog
:quality(85)/https://andros.dev/static/img/courses/css/activities/webs/clean-blog/preview.jpg)
Build this micro website that consists of the following pages:
- Home: Home page.
- About: About me.
- Posts: List of articles.
- Single: A single article.
- Contact: Contact form.
Download here the designs.
2: Ex-machina
Build the following website using Flex.
:quality(85)/https://andros.dev/static/img/courses/css/activities/webs/ex-machina.jpg)
Download here the design.
3: Big Blue Button
Build the following website using Flex.
:quality(85)/https://andros.dev/static/img/courses/css/activities/webs/big-blue-button.jpg)
Download here the design.
4: Loom
Build the following website using Grid.
:quality(85)/https://andros.dev/static/img/courses/css/activities/webs/loom.jpg)
Download here the design.
5: Restaurant
Build the following website using Grid.
:quality(85)/https://andros.dev/static/img/courses/css/activities/webs/restaurante.jpg)
Download here the design.
This work is under a Attribution-NonCommercial-NoDerivatives 4.0 International license.
:quality(85)/https://andros.dev/static/img/components/license/by-nc-nd.png)
Desafíos de programación atemporales y multiparadigmáticos
Te encuentras ante un librillo de actividades, divididas en 2 niveles de dificultad. Te enfrentarás a los casos más comunes que te puedes encontrar en pruebas técnicas o aprender conceptos elementales de programación.
Buy the book
Sure, it's on me!
Comments
There are no comments yet.