Home My space log
Language EN (English)

Building Blocks for Web Apps

Intermediate alien Difficulty 3/5 Resource list Stop 37 / 166 ages teen+

Standalone features to be integrated into web apps.

Start the guide

Your guide

AI-written overview

What is it?

Building Blocks for Web Apps is in our Front-End Development group, a long list of tools and resources for building the part of a website that people see and click. We only know the title, short description and level from our list.

Is it for me?

It is for people who want to build web pages. Many items are Intermediate, so some web basics help. It suits about age teen+ and up, and the beginner items are the best start.

Grown-ups: many of these are tools for developers. Look at the page first and help with installs.

How to start

  1. Start with the Beginner items if you are new to web pages.
  2. Open the original site with a grown-up and read the first page.
  3. Try one small change, like a colour or a heading, and see it in the browser.

How much time?

Plan about 65 minutes at a time over about 7 sessions. (estimate)

65 min per session 7 sessions estimate

A plan you can follow

  1. Day 1 30 min Look at what the tool does and try the very first example.
  2. Week 1 45 min Build a tiny page.
  3. Week 2 60 min Add one new feature, like a button.
  4. Week 3 60 min Share the page with a friend or family member.

Times are estimates. Go at your own speed.

Go to the learning site

You are about to leave our site to visit Building Blocks for Web Apps on another website. We don't control that site. Ask a grown-up before you go. Check the original for details. This site may not be in your language. Your browser can translate the page: look for the translate button near the address bar, or ask a grown-up to help.

You are leaving our site

Grown-ups: this link goes to a site we do not control and have not reviewed beyond its listing. Please look at it first.

Go to the learning site (opens the original site in a new tab)

https://github.com/componently-com/awesome-building-blocks-for-web-apps#readme

On another site. From the list: sindresorhus/awesome · License: CC0-1.0 · Front-End Development

How to learn from a GitHub project or list

Your path through Web development

Stop 35 Build Your Own Module Bundler - Minipack Build project Stop 36 Building a frontend framework, from scratch, with components (templating, state, VDOM) Build project Stop 37 Building Blocks for Web Apps Resource list Stop 38 CakePHP Resource list Stop 39 Capacitor Resource list Stop 40 Charting Resource list Stop 41 choo Resource list

Explore next