Already know the basics of HTML and CSS? Then it's time to take the next steps in Web Development with Scrimba's "Build a Product Splash Page" course!
Read more
Already know the basics of HTML and CSS? Then it's time to take the next steps in Web Development with Scrimba's "Build a Product Splash Page" course!
Already know the basics of HTML and CSS? Then it's time to take the next steps in Web Development with Scrimba's "Build a Product Splash Page" course!
This hands-on, engaging course is designed for learners with a basic understanding of HTML and CSS. Consisting of 22 comprehensive lessons, the course offers just over an hour of immersive content, accompanied by 15 interactive challenges. You'll create a stunning product splash page from scratch, employing contemporary design methodologies and adhering to responsive web design principles.
Each lesson builds on the previous, ensuring you develop practical skills in HTML, CSS, and Flexbox. Upon completion, you will deploy your project on Netlify to showcase your new skills live.
In this course, you'll build a unique hands-on project: a tool to transform your photo into an iconic Scrimba avatar. This project reinforces your learning and adds a personal touch to your portfolio.
Ready to elevate your frontend capabilities and take one more step towards becoming ready for that first developer job? Let's get coding!
Two deals to help you save
What's inside
Syllabus
Good to know
Save this course
Save
Activities
Review HTML and CSS Fundamentals
Show steps
Solidify your understanding of HTML and CSS before taking the course to enhance your learning experience.
Browse courses on
HTML
Show steps
-
Review course syllabus
-
Read online articles or tutorials
-
Take practice quizzes
Practice Writing HTML and CSS Code
Show steps
Reinforce your understanding of HTML and CSS syntax by practicing writing code snippets.
Browse courses on
HTML
Show steps
-
Set up your development environment
-
Create a new HTML and CSS file
-
Write HTML code to structure your page
-
Write CSS code to style your page
Join a Study Group for Web Development
Show steps
Gain new perspectives and insights by collaborating with peers in a dedicated study group focused on web development.
Browse courses on
Web Development
Show steps
-
Find or create a study group
-
Set regular meeting times
-
Discuss course materials and assignments
-
Work on projects together
Five other activities
Expand to see all activities and additional details
Show all eight activities
Follow an Online Tutorial on Flexbox
Show steps
Enhance your understanding of Flexbox by following a guided tutorial that provides step-by-step instructions.
Browse courses on
Flexbox
Show steps
-
Find an online Flexbox tutorial
-
Follow the tutorial instructions
-
Experiment with different Flexbox properties
Build a Resource Library for Web Development
Show steps
Compile a collection of useful tools, tutorials, and articles to support your web development learning journey.
Browse courses on
Web Development
Show steps
-
Create a document or spreadsheet
-
Gather resources related to HTML, CSS, Flexbox
-
Organize and categorize your resources
-
Share your resource library with others
Design a Mockup of Your Splash Page
Show steps
Apply your HTML, CSS, and Flexbox skills to create a visual representation of your product splash page.
Browse courses on
Web Design
Show steps
-
Sketch out your design
-
Create a wireframe
-
Design the visual elements
-
Export your design
Find a Mentor for Web Development
Show steps
Connect with an experienced web developer who can guide you, provide feedback, and help you advance your skills.
Browse courses on
Web Development
Show steps
-
Identify potential mentors
-
Reach out to mentors and introduce yourself
-
Establish a mentor-mentee relationship
-
Meet regularly and discuss progress
Contribute to an Open-Source Project
Show steps
Make a hands-on contribution to an open-source web development project relevant to the course topics.
Browse courses on
Open Source
Show steps
-
Find an open-source project related to web development
-
Identify an area where you can contribute
-
Create a pull request
-
Review feedback and revise your contribution
Review HTML and CSS Fundamentals
Show steps
Solidify your understanding of HTML and CSS before taking the course to enhance your learning experience.
Browse courses on
HTML
Show steps
- Review course syllabus
- Read online articles or tutorials
- Take practice quizzes
Practice Writing HTML and CSS Code
Show steps
Reinforce your understanding of HTML and CSS syntax by practicing writing code snippets.
Browse courses on
HTML
Show steps
- Set up your development environment
- Create a new HTML and CSS file
- Write HTML code to structure your page
- Write CSS code to style your page
Join a Study Group for Web Development
Show steps
Gain new perspectives and insights by collaborating with peers in a dedicated study group focused on web development.
Browse courses on
Web Development
Show steps
- Find or create a study group
- Set regular meeting times
- Discuss course materials and assignments
- Work on projects together
Follow an Online Tutorial on Flexbox
Show steps
Enhance your understanding of Flexbox by following a guided tutorial that provides step-by-step instructions.
Browse courses on
Flexbox
Show steps
- Find an online Flexbox tutorial
- Follow the tutorial instructions
- Experiment with different Flexbox properties
Build a Resource Library for Web Development
Show steps
Compile a collection of useful tools, tutorials, and articles to support your web development learning journey.
Browse courses on
Web Development
Show steps
- Create a document or spreadsheet
- Gather resources related to HTML, CSS, Flexbox
- Organize and categorize your resources
- Share your resource library with others
Design a Mockup of Your Splash Page
Show steps
Apply your HTML, CSS, and Flexbox skills to create a visual representation of your product splash page.
Browse courses on
Web Design
Show steps
- Sketch out your design
- Create a wireframe
- Design the visual elements
- Export your design
Find a Mentor for Web Development
Show steps
Connect with an experienced web developer who can guide you, provide feedback, and help you advance your skills.
Browse courses on
Web Development
Show steps
- Identify potential mentors
- Reach out to mentors and introduce yourself
- Establish a mentor-mentee relationship
- Meet regularly and discuss progress
Contribute to an Open-Source Project
Show steps
Make a hands-on contribution to an open-source web development project relevant to the course topics.
Browse courses on
Open Source
Show steps
- Find an open-source project related to web development
- Identify an area where you can contribute
- Create a pull request
- Review feedback and revise your contribution
Career center
Reading list
Share
Similar courses
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
