Intro to Web Development
Share
Explore
Intro to Web Development

icon picker
Summary

Congratulations! 🎉 You made it to the end! Regardless of how many tasks you finished today, we hope you learned something new during this workshop.
You can leave feedback in this
form
⁠
if you so desire.
Section
Task
Status
Setup your environment
1
Create a repl project
Not Started
Add your content
3
Inspect a web page using Developer Tools
Not Started
Add some basic HTML elements to your website
Not Started
🍦Challenge: Add some more HTML elements to your website
Not Started
Make it pretty
7
Inspect the CSS used in your webpage
Not Started
Define some CSS for your HTML tags
Not Started
Define some CSS rules using class selectors
Not Started
Define some CSS rules using ID selectors
Not Started
🍦Challenge: Use more specific selectors
Not Started
🍦Challenge: Use Flexbox or Grid layout for your web page
Not Started
🍦Challenge: Use Bootstrap on your web page
Not Started
Make it interactive
5
Show an alert message using JavaScript
Not Started
Access your HTML document using JavaScript
Not Started
Access specific HTML elements using JavaScript
Not Started
Add an event listener using JavaScript
Not Started
🍦Challenge: Respond to user input
Not Started
Explore
2
🍦Challenge: Explore React
Not Started
🍦Challenge: Explore Express
Not Started
⁠

Feel free to use this doc to run your own intro to web development workshops, but please remember to give credit to us and link back to this original doc. Happy developing! 🥳
Gallery
Share
 
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.