Welcome to Web Dev 101! I’m stoked to have you here and I’m grateful you’ve decided to start your web development journey with me. This course is designed for complete beginners who have never written a line of code, or for people who have dabbled with some basic coding, but haven’t made much progress.
Ready to take the first step toward improving your web development skills? Great! Let’s get started.
How It Works
Web Dev Basics aims to strike a balance between self-led learning, interactive tutorials, group engagement, and 1-on-1 feedback. This course runs for 4 weeks, with new core web development concepts and techniques introduced each week. You’ll spend time reading through lessons and examples before tackling exercises based on the material you’ve just covered.
In addition to the self-led approach outlined above, we’ll have live weekly coding sessions to help illustrate concepts and create a collaborative learning environment.
You’ll also be able to schedule weekly 1-on-1 video meetings with me to discuss your progress in the course, address any sticking points or issues you’re having, and chat about anything else you’d like related to web development.
Throughout the entire course, you’ll be able to ask questions, collaborate with fellow students, and share your progress in our dedicated Slack channel.
Learning Outcomes
Web Dev 101 is all about helping you become comfortable with the fundamentals of web development. We will focus on proper structure, syntax, and implementation of the web’s core languages - HTML, CSS, and JavaScript
At the end of this course, you’ll be able to:
- Effectively plan out your web development projects
- Properly structure a document using semantic HTML
- Apply custom styles to your markup using CSS
- Understand basic JavaScript data types and how to work with them
Course Syllabus
Week 1: Building a Solid Foundation with HTML 🏗️
- Structuring Your HTML and Writing Semantic Markup
- HTML Tags, Elements, and Attributes
- Forms, Links, Images, and Other Advanced Elements
Week 2: Lookin’ Good with CSS 😍
- CSS Syntax, Cascade, and Inheritance
- Using CSS Selectors
- Styling Our Markup with CSS
Week 3: What’s Your (JavaScript) Type? 💑
- Basic Data Types
- Working with Variables
- Arrays and Objects
Week 4: Workin’ It Out with JavaScript 🏋️♀️
- Operators
- Conditionals
- Loops
Next Steps
I hope you’re as excited as I am to get started! Below are links to tools and resources we’ll be using throughout the course. If you haven’t already, please be sure to:
✅ Join the Web Dev Basics Slack channel
✅ Create an account on CodePen.io
✅ Follow Web Dev Basics on Medium
