Web Development Learning Materials

A repository containing materials for learning web development contributed by members of SPARC at SIUE

Currently in Progress

• Tiers
  • Beginner
    • Front-End
    • Back-End
    • Database
  • Intermediate
    • Back-End
  • Advanced

---

Beginner

Front-End

• Website: FreeCodeCamp
  • Tons of courses to learn HTML, CSS, JS, and React.
  • Completing a course will give you a certificate which can be put on a resume.
• Website: W3Schools
  • Good place for simple demos for HTML, CSS properties, JS, and Bootstrap.
• Website: LeetCode
  • Website focused on challenges and interview question experience. This could be a good place to practice writing code in JavaScript.
• Website: Bootstrap Documentation
  • Place to look for information on Bootstrap.
• Video: FreeCodeCamp HTML5 Full Course (2hr)
  • Quick refresher/friendly introduction to HTML.
• Video: CSS Complete Course (6hr)
  • Really dense video. I would recommend skipping around to watch the sections about these topics:
    • The general concept of selectors and modifying properties.
    • The box model.
    • CSS grid and flexbox.
• Video: JavaScript Programming - Full Course (8hr)
  • Really beginner-friendly. You can probably skip the parts where he talks about syntax since it is the same as Java and C++.
  • Points to focus on:
    • The DOM and manipulating elements in the HTML document with JS.
    • Variable types and using the console to debug.
    • The course is mainly taught through projects. Try to work ahead and see if you can add additional features and experiment.
• Video: Bootstrap 5 Crash Course (1.5hr)
  • Bootstrap is super popular and is far easier than writing CSS from scratch.

Back-End

• Video: Python Django (10.5hr)

Intermediate

Back-End

• Video: Python FastAPI (4hr)

Advanced