Css Essentials: 2-Week Web Styling Journey For Beginners

Learn to write code to style websites alongside accelerated learning strategies and techniques.

What you'll learn

CSS Fundamentals: Gain a strong grasp of CSS basics, including stylesheets, element selectors, visual styles, the box model, CSS properties, sizing, and more.

Project Development: Apply learning to create a personal website project.

Web Page Creation: Develop the ability to build web pages and integrate essential elements.

Effective Learning Strategies: Utilize proven techniques for efficient learning and retention.

Problem-Solving Skills: Cultivate the capacity to troubleshoot common coding issues.

Community Engagement: Participate in discussions and seek support from peers.

HTML Basics: Understand how websites are structured and how they are linked to CSS styling.

Requirements

No programming experience needed. You'll learn everything you need to know in the class.

Description

What is this course about?This class is the second one in a 3-class Web Development series. Here, you'll learn how to use CSS from scratch in 13 days, in bite-sized sessions of around 15 minutes each day. You'll learn the concepts you need to know to make the HTML skeletons of websites visually appealing and build on the strong foundation you need to move on to any field you’re interested in Web Development. CSS is foundational to styling websites and can be a very useful skill to learn. This course will start with concepts as simple as adding inline styles and go all the way to a final project where you will code your own website, which will help you connect the dots on all the concepts you learned throughout the course.Who is this course for?Learning how to code could be valuable for everyone, as it opens your mind to understand a little better what goes on in the digital world that surrounds us nowadays, even if you’re not looking to code professionally. This course is what you’re looking for if any of the following resonate with you:- I’m completely new to coding. Where do I even type my first line of code?- I want to create my own blog, portfolio website, personal website, etc.- I learned to code in the past, but I’m looking for a refresher.- I’m simply looking to demystify coding and get a sense of what it can be used for.- I want to set a strong foundation to secure a high-paying job as a web developer down the line.- I want to stretch my brain by learning something new.How will we learn?Through 15-minute bite-sized lessons each day for 13 days, the course focuses on learning smart and not hard. We’ll leverage evidence-based learning techniques such as Active Recall and Spaced Repetition to enhance your learning and commit the knowledge you gain to long-term memory. We have hands-on daily exercises that will help you internalize what you’re learning and even include rest days to recover and review. All in all, this is how it goes:- 15 minutes/day for 13 days.- Follow along with each lesson as we go.- Daily exercises to implement new learning.- Rest and recovery days after every 4 lessons.- Build a website as the final project to connect the dots.What type of software will I use?We'll start off the course by downloading and installing the necessary software:- Google Chrome — browser.- Visual Studio Code — a powerful code editor.Course Contents:- Stylesheets- Element selectors- Visual styles- The Box Model- CSS properties- Sizing- Display- Position- Color- Typography

Overview

Section 1: Getting Started

Lecture 1 The Class Project

Lecture 2 Day 1 - Installation and Hello World

Section 2: CSS Fundamentals

Lecture 3 Day 2 - Internal and External Style Sheets

Lecture 4 Day 3 - Selecting Elements

Lecture 5 Day 4 - Advanced Selectors

Lecture 6 Day 5 - Rest Day :)

Lecture 7 Day 6 - Fonts and Visual Styles

Lecture 8 Day 7 - Intro to the Box Model

Lecture 9 Day 8 - Margins and Other Properties

Section 3: More Advanced CSS

Lecture 10 Day 9 - Box Sizing and Display

Lecture 11 Day 10 - Rest Day :)

Lecture 12 Day 11 - Position, Z-Index, and Float

Lecture 13 Day 12 - Color

Lecture 14 Day 13 - Typography

Section 4: Conclusion

Lecture 15 Endings Are New Beginnings

Beginners curious about coding and Web Development looking to code their own website.,Anyone completely new to coding. "Where do I even type my first line of code?",Students who want to create their own blog, portfolio website, personal website, etc.,Anyone who has learned to code in the past, but are looking for a structured refresher.,Students looking to demystify coding and get a sense of what it can be used for.,Anyone who wants to set a strong foundation to secure a high-paying job as a web developer down the line.,Explorers simply wanting to stretch their brain by learning something new.