💻
TechUp Run 4
  • 👋Welcome!
    • Venues
    • 📖Frequently Asked Questions
    • 💌Contact Persons
  • ❓What You Need to Know
  • 🗓️TechUp Calendar
  • 📖Pre-Work (To be completed before Programme)
    • 🖥️Pre-Course Tooling
      • 🖱️Slack
      • GitHub
      • Render
        • For Websites without Backend (Default for TechUp)
        • For Websites with Backend (For Advanced Learners)
    • 👾Compulsory Pre-Readings
  • 🛠️IN-COURSE TOOLING
    • 📲Building a Sample Web App
    • Cloudflare
    • Google Analytics
    • TablePlus
  • 📚Programme Materials
  • TechUp Challenge
    • 📱Deliverables & Milestones
    • Web App Requirements
    • 🎤Post-User Interview Reflections (16th May)
    • ❗Deliverables Sheet
    • 🔊WebApp Presentation (WAP) Day
    • 🏆Demo Day
  • About TechUp
    • 🙂About TechUp
    • 🤷‍♀️Why do TechUp
      • 📏Rules of Engagement
      • 📸Notice of Filming and Photography
    • ⚙️Learning Outcomes
    • 🧑‍🤝‍🧑Meet the Team!
    • Past TechUp Web Apps (Crtl + Click to open new Tab)
  • Policies
    • Legal Note
    • ⌛Attendance
    • ✏️Transport Policy
  • 🇸🇬About the Organisers
Powered by GitBook
On this page
  1. Pre-Work (To be completed before Programme)

Compulsory Pre-Readings

PreviousFor Websites with Backend (For Advanced Learners)NextIN-COURSE TOOLING

Last updated 2 months ago

To prepare you for the web development project, you are strongly advised to complete the mandatory courses curated for you, before the respective weeks. The majority of these courses are extracted from (accessible on Udemy via LEARN app).

As the online Bootcamp covers an extremely wide breadth of content, you should focus on the following before (not after) the respective in-class sessions. Do try out the exercises as well.

  • A. Before Week 1 : How the Internet Works; Web App Devt: HTML, CSS, Javascript

  • B. Before Week 2 : Web App Devt: Backend; Databases; APIs

  • C. Before Week 3 : Google Analytics

  1. How the Internet Works

Title
Udemy Link
# of Lectures
Duration

❗️Code.org: How Computers Work

6

25 mins

❗️Code.org: How the Internet Works

6

45 mins

❗️What Happens When you type a URL in the browser and press enter?

1

7 mins

  1. Overview of Front End Web Development

Title
Udemy Link
# of Lectures
Duration

❗️Front End Web Development

9

37 mins

  1. HTML & CSS

Title
Udemy Link
# of Lectures
Duration

❗️Introduction to HTML

8

49 mins

❗️Intermediate HTML

7

52 mins

❗️Introduction to CSS

7

59 mins

❗️Intermediate CSS

5

1hr 33 mins

  1. Javascript

Title
Udemy Link
# of Lectures
Duration

❗️Introduction to Javascript ES6

28

2 hr 28 min

❗️Intermediate Javascript

19

1 hr 30 min

  1. Backend Development

Title
Udemy Link
# of Lectures
Duration

❗️Backend Web Development

2

21 mins

❗️Databases

2

22 mins

❗️APIs Explained

1

11 mins

  1. Google Analytics

Title
Udemy Link
# of Lectures
Duration

❗️How to set up Google Analytics (GA)

-

6 min


OPTIONAL COURSES

For those who wish to challenge themselves further, here are courses around backend development that would provide you with the skills necessary to create a backend for your web app. Note that backend development is not a mandatory requirement for your web application project.

Title
Udemy Link
# of Lectures
Duration

Node.js

8

1 hr 6 min

Express.js with Node.js

8

2 hr 1 min

EJS (Embedded JavaScript)

6

1 hr 30 min

Title
Udemy Link
# of Lectures
Duration

APIs (Application Programming Interface)

8

2 hr 28 min

Title
Udemy Link
# of Lectures
Duration

Databases

2

22 min

SQL

6

36 min

PostgreSQL

16

4 hr 11 min

📖
👾
The Complete Full Stack Web Development Bootcamp
Youtube Playlist
Youtube Playlist
PDF link
Udemy Section 1
Udemy Section 2
Udemy Section 3
Udemy Section 5
Udemy Section 7
Udemy Section 14
Udemy Section 15
Udemy Section 22
Udemy Section 31
Youtube Video
YouTube tutorial
Udemy Section 23
Udemy Section 24
Udemy Section 25
Udemy Section 28
Udemy Section 31
Udemy Section 32
Udemy Section 33