Build a web app in six months

Step by step

New modules are released monthly. Each one should take a day or two to complete.

1. 1

   Get started

   We're going to build a fully-functioning web app. Here's how.

   Show lessons

   1. What you'll make
   2. How you'll learn
   3. An idea for your appP
   4. Describing your ideaP
   5. Prototyping your ideaP
   6. Share your workP
2. 2

   How the web works

   Learn about the internet and its killer app: the world wide web.

   Show lessons

   1. What the internet is
   2. The world wide web
   3. Making a request
   4. Developer tools
3. 3

   Building webpages

   Get familiar with structuring and styling webpages using HTML and CSS.

   Show lessons

   1. Your first webpage
   2. Introducing HTML
   3. HTML attributes
   4. Classes and IDs
   5. Introducing CSS
   6. CSS selectors
   7. CSS specificity
   8. Creating layouts
   9. Responsive design
   10. Get confident with HTML and CSS
   11. Turn your prototypes into webpagesP
4. 4

   Adding interactivity

   Make your web pages interactive using the Javascript programming language.

   Show lessons

   1. Introducing Javascript
   2. Your first Javascript program
   3. Variables
   4. Conditional logic
   5. Affecting the page
   6. Making a menu
   7. Responding to user actions
   8. Keep your Javascript accessible
   9. Get confident with Javascript
   10. Add interactivity to your prototypesP
5. 5

   Web servers

   Create a web server to host your application, using node.js and the Express framework.

   Show lessons

   1. Create your serverP
   2. Create your appP
   3. Node and the terminalP
   4. More about the terminalP
   5. Web frameworksP
   6. Using ExpressP
   7. Serving static files
   8. Views and templates
   9. Routing
   10. Real data
   11. Includes
   12. Get confident with Express
   13. Build your app in ExpressP
6. 6

   Databases

   Allow your app to store and retrieve data from a popular database product, MongoDB.

   Show lessons

   1. Introducing databases
   2. Organising a databaseP
   3. Using a database driverP
   4. Creating modelsP
   5. Making forms workP
   6. Collecting form dataP
   7. Saving form dataP
7. 7

   API consumption

   Improve your app by using data from a third-party API.

   This module is not yet available