Here is a list of useful resources to learn from and/or practice some web technologies and a list of awesome projects to get inspiration from and/or to learn and use.

If you want to add your project to the list or if you known an useful resource (course, web, tool, etc.) which is not listed below, you can tell us in our Discussions project.

• Diseño y desarrollo. De 0 a unicornio 🦄 by Andrea Magán
• Anatomía de webs (e ecommerces) perfectas desde el punto de vista SEO partiendo de errores WTF de grandes empresas by Sergio Castelo
• Microfrontends in a monorepo by Carlos Cortizas
• Cómo hacer un buen diseño de UI by Iria Hidalgo
• Diseño ético en la era digital: ¿Qué estamos creando? by Alejandro Brea
• Exploring Schema-Driven Development with gRPC and Connect by Santiago Jiménez

• High Tide → Progressive Web App made with Svelte to view information about tides

• ViteJs → Build tool that aims to provide a faster and leaner development experience for modern web projects
• Vitest → Blazing fast unit test framework powered by Vite

• Roadmap.sh → A community effort to create roadmaps, guides and other educational content to help guide the developers in picking up the path and guide their learnings
• DevDocs → DevDocs combines multiple API documentations in a fast, organized, and searchable interface
• Flexbox → A Complete Guide to Flexbox by CSS-Tricks
• CSS Grid → A Complete Guide to CSS Grid by CSS-Tricks
• The Modern JavaScript Tutorial → How it's done now. From the basics to advanced topics with simple, but detailed explanations

• Codédex → Journey through the fantasy land of Python, HTML/CSS, or JavaScript, earn experience points (XP) to unlock new regions, and collect all the badges at your own pace
• CodinGame → Challenge-based training platform for programmers where you can improve your coding skills with fun exercises (25+ languages supported)
• CodeCombat → Learn typed code through a programming game. Learn Python, JavaScript, and HTML as you solve puzzles and learn to make your own coding games and websites

• CSS Diner → Browser game to learn about CSS selectors
• Guess CSS → You are given a small frame, its HTML source and 3 CSS snippets. Guess which of them was used to style the frame, test your knowledge!
• CSS Speedrun → A small fun app to test your CSS knowledge. Find the correct CSS selectors for the 10 puzzles as fast as possible
• Flexbox Froggy → A game where you help Froggy and friends by writing CSS code!
• Flexbox Defense → Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!
• Flexbox Adventure → Learn css flexbox in a fun and easy way by playing 24 levels
• Flexbox Zombies → In this game you control a Hoodie character with a crossbow, using Flexbox code. The goal is to learn Flexbox in order to survive the onslaught of zombies
• Knights of the Flexbox Table → A game where you can help Sir Frederic Flexbox and his friends to uncover the treasures hidden in the Tailwind CSS dungeons
• Grid Garden → In this game, you must water your carrot crops and poison the weeds by mastering CSS grid
• Grid Attack → Learn css grid in a fun and interesting way by playing css coding game where you have to defeat elves from evil monsters!

• Codility → Codility is the #1 rated technical interview platform for teams to test the coding skills of developers and make evidence-based hiring decisions
• Coderbyte → The only coding challenge platform with everything software developers need to go from novice to pro
• HackerRank → HackerRank is a technology hiring platform that is the standard for assessing developer skills for over 3,000+ companies around the world
• LeetCode → LeetCode is the best platform to help you enhance your skills, expand your knowledge and prepare for technical interviews