Mamun Labs Learn
esc
  • Try “map”, “flexbox” or “state”.
Log in
The journey

Ten phases, one direction.

Every phase builds on the one before and ends with a project you can show someone.

  1. Phase 0Start hereGetting started1–2 wks · 6 topics
  2. Phase 1How the web works2–3 wks · 8 topics
  3. Phase 2JavaScript core4–6 wks · 12 topics
  4. Phase 3JavaScript for real apps3–4 wks · 7 topics
  5. Phase 4TypeScript2 wks · 5 topics
  6. Phase 5React5–6 wks · 9 topics
  7. Phase 6React Native with Expo6–8 wks · 10 topics
  8. Phase 7Games3–4 wks · 5 topics
  9. Phase 8Ship it to the Play Store2–3 wks · 4 topics
  10. Phase 9Capstone4+ wks · 3 topics
Phase 0 · 1–2 wks

Getting started

You'll be able to use files, folders and the terminal, and set up a real coding tool.

  1. 10.1What a computer actually does45 min
  2. 20.2Files, folders and paths60 min
  3. 30.3The terminal, step by step2 h
  4. 40.4Set up VS Code and Node60 min
  5. 50.5Git and GitHub basics90 min
  6. 60.6Using AI as a study partner90 min
Phase 1 · 2–3 wks

How the web works

You'll be able to read HTML and CSS and explain how a page reaches your browser.

  1. 11.1What happens when you open a URL60 min
  2. 21.2Reading HTML structure90 min
  3. 31.3Common HTML elements90 min
  4. 41.4CSS selectors and colours90 min
  5. 51.5CSS boxes and spacing90 min
  6. 61.6Layout with flexbox2 h
  7. 71.7Browser DevTools60 min
  8. 81.8Put your page online60 min
Phase 2 · 4–6 wks

JavaScript core

You'll be able to read variables, functions, arrays and objects and predict what code does.

  1. 12.1Values and variables60 min
  2. 22.2Strings and numbers60 min
  3. 32.3Making decisions with if75 min
  4. 42.4Loops90 min
  5. 52.5Functions in, values out90 min
  6. 62.6Arrays75 min
  7. 72.7Objects75 min
  8. 82.8Arrays and map90 min
  9. 92.9filter and find75 min
  10. 102.10reduceoptional60 min
  11. 112.11Scope60 min
  12. 122.12Reading error messages60 min
Phase 3 · 3–4 wks

JavaScript for real apps

You'll be able to follow events, fetch data and trace async code.

  1. 13.1Arrow functions60 min
  2. 23.2Destructuring and spread75 min
  3. 33.3Modules and npm75 min
  4. 43.4Events and handlers75 min
  5. 53.5Promises and await2 h
  6. 63.6Fetching real data90 min
  7. 73.7Loading and error states60 min
Phase 4 · 2 wks

TypeScript

You'll be able to read types and use them to catch mistakes before code runs.

  1. 14.1Why types catch bugs45 min
  2. 24.2Reading type annotations60 min
  3. 34.3Types for objects75 min
  4. 44.4Unions and optional values60 min
  5. 54.5Reading type errors60 min
Phase 5 · 5–6 wks

React

You'll be able to read and build components with props, state and effects.

  1. 15.1Components and JSX90 min
  2. 25.2Props75 min
  3. 35.3State with useState2 h
  4. 45.4Events in React60 min
  5. 55.5Showing things conditionally60 min
  6. 65.6Lists and keys75 min
  7. 75.7Forms and inputs90 min
  8. 85.8useEffect2 h
  9. 95.9Fetching data in React90 min
Phase 6 · 6–8 wks

React Native with Expo

You'll be able to build phone screens, navigation and local storage.

  1. 16.1Your first Expo app90 min
  2. 26.2View, Text and Image75 min
  3. 36.3Pressable and TextInput75 min
  4. 46.4Styling and flexbox on mobile90 min
  5. 56.5Lists with FlatList90 min
  6. 66.6Safe areas and the keyboard60 min
  7. 76.7Screens and navigation2 h
  8. 86.8Tabs60 min
  9. 96.9Saving data on the phone90 min
  10. 106.10Calling an API90 min
Phase 7 · 3–4 wks

Games

You'll be able to use a game loop, touch input and simple animation.

  1. 17.1The game loop90 min
  2. 27.2Touch input60 min
  3. 37.3Simple animation90 min
  4. 47.4Collisions and score90 min
  5. 57.5Sound and saving the best score60 min
Phase 8 · 2–3 wks

Ship it to the Play Store

You'll be able to build, sign and publish an app on Google Play.

  1. 18.1Icons, names and screenshots60 min
  2. 28.2Building a release with EAS90 min
  3. 38.3Play Console and internal testing90 min
  4. 48.4Your store listing and release75 min
Phase 9 · 4+ wks

Capstone

You'll be able to plan, build and ship your own app with mentor reviews.

  1. 19.1Plan your app2 h
  2. 29.2Build with reviews10 h
  3. 39.3Launch and share90 min