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.
:quality(85)/https://andros.dev/static/img/components/license/by-nc-nd.png)
This work is under a Attribution-NonCommercial-NoDerivatives 4.0 International license.
Building SPAs with Django and HTML Over the Wire: Learn to build real-time single page applications with Python
The HTML over WebSockets approach simplifies single-page application (SPA) development and lets you bypass learning a JavaScript rendering framework such as React, Vue, or Angular, moving the logic to Python. This web application development book provides you with all the Django tools you need to simplify your developments with real-time results.
Buy the bookHelp me keep writing
Every coffee gives me a push toward the next article.
Sure, it's on me!
Comments
There are no comments yet.