We may earn an affiliate commission when you visit our partners.
Course image
Guil Hernandez

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!

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!

Enroll now

What's inside

Syllabus

Build a Product Splash Page with HTML and CSS

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Develops HTML and CSS, which are core skills for web developers
Builds a project from scratch and adds it to a portfolio
Teaches responsive web design and contemporary design methodologies
Suited for learners with a basic understanding of HTML and CSS
Uses Scrimba's platform, which may not be familiar to all learners

Save this course

Save Build a product splash page with HTML and CSS to your list so you can find it easily later:
Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Build a product splash page with HTML and CSS with these activities:
Review HTML and CSS Fundamentals
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
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
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
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
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
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
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
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

Learners who complete Build a product splash page with HTML and CSS will develop knowledge and skills that may be useful to these careers:

Reading list

We haven't picked any books for this reading list yet.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to Build a product splash page with HTML and CSS.
Guided Project: Web Development w/ HTML & CSS for...
Most relevant
Angular.js for Beginners: Directives
Most relevant
Web Scraping 101 with Python3 using REQUESTS, LXML &...
Most relevant
Animation with JavaScript and jQuery
Most relevant
Animation with JavaScript and jQuery
Most relevant
Guided Project: Interest Calculator Using HTML, CSS & JS
Most relevant
Creating a Multi Page App using HTML & CSS
Most relevant
Modern CSS for Beginners 2023 web design getting started
Most relevant
Building Websites with HTML and CSS
Most relevant
Our mission

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.

Affiliate disclosure

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.

© 2016 - 2024 OpenCourser