Quick Access - (You'll be using these a lot)
Code Quality and Validation
Your submitted work must follow the CSE 154 Code Quality Guide and pass validation standards for each language.
Ed / Gradescope / Canvas
Ed is the go to place for asking any questions about homework or course material. How Too is the place to ask questions for general programming knowledge. Gradescope and Canvas are for submitting course assignments and checking grades in this class. Reminder: Do not post homework solutions on Ed or How Too!
Course Tool Setup
In this course, we will be using Gradescope and Git for assignment submission and VS Code as a text editor. Here are the setup guides to get you started:
Browser Dev Tools
We strongly recommend using Chrome to view your web pages in this class:
- Chrome DevTools
- Using the Chrome Inspector & Debugger (Client-Side)
- Using the Chrome Inspector & Debugger (Node.js)
Other development tools that exist but we will not use in this class:
Languages and Technologies
These are a couple great HTML resources. The first two links are massive lists of every HTML tag (check them out to see what's possible with HTML).
Resources on web accessibility and how to make accessible websites.
Here's a couple links for getting initially acquainted with CSS. Again the first two links are large lists of every CSS poperty.
CSS Layout and Flexbox
Need to organize the elements of your website in a specific fashion? Check out these links to figure out how.
Application Program Interfaces (APIs) allow different programs to interact with each other and make up a key part of how the internet works. Here's an introduction and a list of cool APIs to check out.
Regular Expressions (regex for short) is a powerful way to search for specific strings based on a defined pattern. Here are some links to learn about and practice regex.
Here's a helpful catalog of websites for when you need that extra kick of inspiration.
Curious to learn more about various web development topics or the industry at large? Check out of some these resources in your free time.
Design & Prototyping Softwares
Web design and prototyping is a topic outside the scope of this course, but it is still a very worthwhile skillset to develop if you have the time or interest. Below are some industry standard design softwares.
Colors & Gradients
Colors are pretty important in web design. Here are a couple of our favorite resources for finding just the right color. Bonus addition: gradients!
Just as important as color are fonts. Once again here are some of our favorite resources.
Advanced Extra Goodies
Want to dive deeper into HTML? These are the resources for you.
Want to dive deeper into CSS? These are the resources for you.
You can accomplish a stunning variety of animations with CSS. Begin to learn how with these links.
A mind boggling web technology is the ability to render 3D graphics/models in the browser. Here's an introduction.
Let's dive deeper into the powerful APIs web browsers provide right out the box. From audio playback to vibrating a phone, browser APIs open up a whole world of fun!
Want to dive deeper into Node.js? These are the resources for you.
Server Side Without Node.js
Although we will only teach Node.js in this course, when creating server side web applications we are not just limited to using Node.js. Explore some common alternatives for backend development.
NoSQL Databases are just that! Databases that are not powered by the SQL programming language. Check out one popular alternative for storing your data: MongoDB.
Hop on the hypetrain and get an intro to developing web applications that live on the cloud using Heroku!
At the cutting edge of web technologies is WebAssembly, an assembly-like language that runs in the browser. By writing C/C++ or Rust programs that compile to WebAssembly the internet could eventually be capable of running AAA video games, photo/video editing software, and so on in the browser.