Build a Website from Scratch
Kevin Powell
This Workshop's Online Chatroom is Currently Open!
This workshop has ended. Check back soon for the recording!
You can watch a replay of this workshop!
Key Takeaways
By participating along with us in the workshop, you'll learn:
- Learn how to break down a design and create a plan of attack
- Understand the differences between utility-first and “traditional” CSS approaches
- Gain hands-on experience building a responsive navigation and layout
- Explore how well-written CSS helps with project scalability
- Discover how to add animations and transitions to enhance user experience
Is This Workshop for Me?
This workshop is designed for developers who have a basic understanding of HTML and CSS and want to learn how to build a complete, production-ready website from scratch.
Workshop Details
In this two-day workshop, you’ll learn how to build a complete, responsive website from scratch using modern web development techniques. Kevin Powell will guide you through the process, from breaking down the design to deploying your site, while sharing best practices and exploring advanced topics like animations and transitions.
Any Prerequisites?
- Basic knowledge of HTML and CSS
- Familiarity with using a text editor and command line
- Understanding of version control with Git (helpful but not required)
Attend Online Live and in Full HD
You're Registered to Attend Online!
You'll receive additional details and a reminder via email as the event draws near.
Build a Website from Scratch
Event Details
What
- 2 Full Day Workshop Sessions
- Replay Videos (available immediately)
When
- November 13 to 14, 2024 - 9:30am to 4:30pm Central Standard Time
Where
- Option 1: Attend online on our full HD live stream
- Option 2: Attend in-person at HQ in Minneapolis, MN
Daily Schedule
Day 1
- 9:30AMIntroduction and exploring the design
- 10:00AMCreating a plan of attack and setting up the project
- 11:00AMFirst steps - root setup, base styles, typography, and layout
- 11:30AMBuilding a simple navigation
- 12:00PMLunch break
- 1:00PMCreating the hero section and features section using auto-fit grid
- 2:00PMBuilding a simple about section and footer
- 3:00PMConnecting the project to Netlify and enhancing the navigation
- 4:00PMWrap-up and Q&A
Day 2
- 9:30AMRecap of day one and introduction to day two
- 10:00AMCreating a second page and reusing components
- 11:00AMBuilding a section with a Bento layout
- 11:30AMKeeping CSS organized as the project expands
- 12:00PMLunch break
- 1:00PMAdding animations and transitions to the navigation
- 2:00PMEnhancing the sorting feature with view-transition
- 3:00PMExploring scroll-driven animation with scroll-timeline (time permitting)
- 4:00PMWrap-up, Q&A, and next steps
Your (Awesome) Instructor
Kevin Powell
My name is Kevin and I’m a CSS Evangelist. I absolutely love CSS, and I want to help new front-end devs enjoy learning it, and help seasoned vets see how great it really is. Most of my content is over on YouTube, but I also stream on Twitch, and write articles every now and then as well, not to mention my courses.
Check out all of our upcoming workshops!
Workshops happen throughout the year, and are all included with membership.