Figma for Education – Free best-in-class tools for the classroom
Figma and FigJam are design and collaboration software used by professional designers, engineers, and makers of all kinds. Use them to ideate, create, and share work—all free, as a student or teacher.
Visual Studio Code
Code Editor. Free. Built on open source. Runs everywhere. (MacOS, Windows & Linux)
Bootstrap – Build fast, responsive sites with Bootstrap
Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.
Replit – Code, collaborate, compile, run, share, and deploy HTML, CSS, JS and more online from your browser.
The collaborative browser based IDE. Replit is the best tool for quickly starting, sharing, and developing projects in any programming language, right from your browser. (Online Tool)
CodePen – The best place to build, test, and discover front-end code.
CodePen is a social development environment for front-end designers and developers. Build and deploy a website, show off your work, build test cases to learn and debug, and find inspiration. (Online Tool)
W3Schools Online Code Editor
With W3Schools online code editor, you can edit HTML, CSS and JavaScript code, and view the result in your browser. (Online Tool)
W3Schools – The world’s largest web developer site.
This is a great resource for learning about web development. (Online Resource)
Stack Overflow
A public platform building the definitive collection of coding questions & answers
A community-based space to find and contribute answers to technical challenges, and one of the most popular websites in the world. (Online Resource)
Mozilla Development Network
Resources for developers, by developers. (Online Resource)
Our Classroom Journey 