8 Front-End Languages to Learn
Learning front-end languages like JavaScript, HTML, and CSS opens the door to various career opportunities. Learn more with this guide.
November 26, 2024
Article · 7 min read
Recommended experience
Intermediate level
This project requires the basics of HTML and CSS. If you're not familiar with them yet, try Scrimba's Learn HTML and CSS course here on Coursera.
Recommended experience
Intermediate level
This project requires the basics of HTML and CSS. If you're not familiar with them yet, try Scrimba's Learn HTML and CSS course here on Coursera.
CSS styling to customize fonts, colors, and backgrounds, creating an engaging user experience.
Layout design using CSS tools like Flexbox and Grid.
Add to your LinkedIn profile
Only available on desktop
The Scrimba Hometown Homepage solo project is your chance to dive into front-end development using HTML and CSS. In this project, you will create a personal homepage that showcases your hometown or favorite place. Your goal is to design a visually engaging and informative web page that highlights the unique features of your chosen location.
As you work on this project, you will focus on three main learning objectives: 1. Mastering Layout and Design: You'll gain hands-on experience in crafting a cohesive layout using CSS. You'll use tools like Flexbox or Grid to ensure your webpage is responsive and visually appealing across different devices. 2. Organizing and Structuring Content: You will enhance your skills in structuring content with HTML, organizing information using semantic elements such as headings, paragraphs, and lists. This will help you create a well-structured and accessible webpage. 3. Styling for Aesthetics: You'll apply CSS to style your webpage, customizing fonts, colors, and backgrounds to create an engaging user experience. This will enable you to reflect the unique character of the place you are showcasing. By completing this project, you'll have a personalized webpage that highlights your technical skills and creativity, providing a strong foundation for future web development endeavors.
In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:
Provide a suitable gap between the three activity images.
Add a hero background image and ensure it stretches across the entire page.
Ensure that the page is fully responsive (looks good on all screen sizes).
Import and utilise a Google font.
Style the page with the provided color palette - or use your own!
Add a border-radius to the three activity images.
Add a box shadow to at least one element on the page.
Center-align the text.
Style the text with a suitable font weight.
This project requires the basics of HTML and CSS. If you're not familiar with them yet, try Scrimba's Learn HTML and CSS course here on Coursera.
Skill-based, hands-on learning
Practice new skills by completing job-related tasks.
Expert guidance
Follow along with pre-recorded videos from experts using a unique side-by-side interface.
No downloads or installation required
Access the tools and resources you need in a pre-configured cloud workspace.
Available only on desktop
This Guided Project is designed for laptops or desktop computers with a reliable Internet connection, not mobile devices.
Board Infinity
Course
Coursera Project Network
Course
Coursera Project Network
Course
University of Washington
Course
Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription
Earn a degree from world-class universities - 100% online
Upskill your employees to excel in the digital economy
By purchasing a Guided Project, you'll get everything you need to complete the Guided Project including access to a cloud desktop workspace through your web browser that contains the files and software you need to get started, plus step-by-step video instruction from a subject matter expert.
Because your workspace contains a cloud desktop that is sized for a laptop or desktop computer, Guided Projects are not available on your mobile device.
Guided Project instructors are subject matter experts who have experience in the skill, tool or domain of their project and are passionate about sharing their knowledge to impact millions of learners around the world.
You can download and keep any of your created files from the Guided Project. To do so, you can use the “File Browser” feature while you are accessing your cloud desktop.
Guided Projects are not eligible for refunds. See our full refund policy.
Financial aid is not available for Guided Projects.
Auditing is not available for Guided Projects.
At the top of the page, you can press on the experience level for this Guided Project to view any knowledge prerequisites. For every level of Guided Project, your instructor will walk you through step-by-step.
Yes, everything you need to complete your Guided Project will be available in a cloud desktop that is available in your browser.
You'll learn by doing through completing tasks in a split-screen environment directly in your browser. On the left side of the screen, you'll complete the task in your workspace. On the right side of the screen, you'll watch an instructor walk you through the project, step-by-step.