HTML and CSS lie at the heart of web development. We explore some of their uses with these tutorials and explainers.

Learning to Code: HTML & CSS

Happy Learn From Home Day!
Have you ever wondered why websites look the way they do? Why are some so plain and others so extravagant? In this session, Curriculum Developers Kenny and Kyla acquaint us with CSS (or Cascading Style Sheets), the language responsible for decorating the web!

Take Codecademy's CSS course here: https://j.mp/3b7CgFN

- - - - - 
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/330BJAS
Check out our full course catalog: https://j.mp/3eFZ4x7

Learn CSS with Codecademy!

Happy Learn From Home Day!
Learn the backbone of the internet as we know it today: HTML. In this session, Curriculum Developers Sonny and Nick will walk you through Learn HTML, one of Codecademy's most popular courses, and build some basic websites along the way!

Take Codecademy's Learn HTML course: https://j.mp/3vy7GN7

- - - - - 
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/3vxDz8B
Check out our full course catalog: https://j.mp/3xCJmvq

Learn HTML with Codecademy!

In this video, Web Developer Brendan will walk you through setting up a website with JavaScript on your own computer. We’re presuming that people watching this will know some basic HTML, CSS, text editors, Chrome Dev Tools, and local files and directories. 

If that isn’t you, learn HTML and CSS here: https://j.mp/3gQPMkA

More details:
• Using a text editor (we recommend VS Code) – https://youtu.be/Do0tl_u0WZk
• Using Chrome Dev Tools – https://youtu.be/VuQ4pF_hfag
• Creating an HTML website on your own computer – https://youtu.be/47GaFnnex5w

If you want some more detail on linking your HTML and JS files (it can be tricky your first time!), learn more here: https://youtu.be/EQ0igdJa0MM

If you'd like to tinker with this practice project yourself, fork the repo or download the files here: https://github.com/bmcilhenny/gritt-ify

- - - - - 
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/3eGKK7K
Check out our full course catalog: https://j.mp/3e8Ioz6

Create your first HTML/CSS/JS project

When your web development projects get bigger and more complex, they become more difficult to maintain. While CSS allows us to stylize our HTML, SASS has additional features that allow us to scale our web development projects more effectively. 

Take Codecademy's Learn Sass course: https://j.mp/3xI3D2K 

- - - - - 
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/33967t1
Check out our full course catalog: https://j.mp/3vEYqqI

What is Sass?

In part two of making your first HTML/CSS Project, Brendan walks you through some slightly more advanced tips and tricks to get a site looking more polished with CSS.

Take Codecademy's Learn HTML course: https://j.mp/33bVTrS
Take Codecademy's Learn CSS course: https://j.mp/2PJQDIG

More details:
Part 1 of making a basic HTML/CSS website: https://youtu.be/wzWmZYi4qMg
Make an HTML website: https://youtu.be/47GaFnnex5w
The code Brendan was working on in this project (so you can mod it yourself!): https://bmcilhenny.github.io/Gritty-CSS/ and https://repl.it/@bmcilhen/Gritty-CSS-1

- - - - - 
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/3egspPy
Check out our full course catalog: https://j.mp/3tdjlPJ

Create your first HTML/CSS Project — Part two: Beyond basics

You've made a basic HTML site, but let's add some style with CSS. In this video, Brendan walks you through this process!

Take Codecademy's Learn HTML course: https://j.mp/3vRqRSr
Take Codecademy's Learn CSS course: https://j.mp/3vRqIOT

More details:
Check out our previous video on making an HTML website: https://youtu.be/47GaFnnex5w
Check out part 2, where we go beyond basics: https://youtu.be/EGMSlY2v5xk

- - - - - 
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/3399YX1
Check out our full course catalog: https://j.mp/33i96Pz

Create your first HTML/CSS project

One of the most memorable milestones in your journey as a web developer is going to be when you create your first website and on your own computer. In this video, Brendan walks you through this process!

Take Codecademy's Introduction to HTML course: https://j.mp/3eOYo8D

More details:
Visual Studio Code: https://code.visualstudio.com/
Codecademy Create a Website Article: https://j.mp/3ugmq30

- - - - - 
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/3h2fVgm
Check out our full course catalog: https://j.mp/338RXYI

How to create a website

Happy Valentine's Day! Join Codecademy Curriculum Developer Sam as we create an interactive story with HTML and Twine. Code along with us here: https://j.mp/3b2s0hG

Learn Web Development with Codecademy: https://j.mp/3h5veoK

More details:
Download Twine, the interactive storytelling software here: http://twinery.org/
Please fill out our feedback form: https://goo.gl/forms/iDNFnXrN4c0YdM762

Create an interactive story using HTML and Twine

If you want to practice your website-making skills, you don't always have to start from scratch to find ideas and write boilerplate. With a little knowledge of HTML and CSS, you can get a head-start by cloning an existing site. Just make sure you use these powers for the forces of good, not evil.

Learn HTML and CSS with Codecademy: https://j.mp/3vLga3G

- - - - - 
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/3xS4X2X
Check out our full course catalog: https://j.mp/3elYPIL

How to clone a website

Join Zoe and Nick, creators of Codecademy's course Learn How To Code, as they re-build one of their favorite interactive websites from the course! 

In a pair programming session, they'll introduce you to the basic HTML and CSS behind the site and walk you through the JavaScript that makes it interactive. By the end of the session, you will have built an app designed and built by Curriculum Developers, currently used in a live Codecademy course!

Take Codecademy's course Learn How To Code here: https://j.mp/3usnmBq

More details:
Code alongside us here: https://j.mp/2RufH7a
Please fill out our feedback form here: https://goo.gl/forms/JVmwdWnpVqsE4YcX2

- - - - - 
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/3em7VoF
Check out our full course catalog: https://j.mp/3b4WCPA

Pair Programming with Zoe and Nick

Join Codecademy Curriculum Developer Kyla as she creates an interactive color generator from scratch with HTML, CSS, and JavaScript. 

Learn Creative Coding with Codecademy: https://j.mp/3xOIDr4
Learn Web Development with Codecademy: https://j.mp/3uD9F2s

More details:
Solution Code: https://github.com/kylabrown1536/random-color-gen-solution-live-stream
Fill out our feedback form here: https://goo.gl/forms/M5WOWbRBNa5HAQl63
Follow us on Twitter: www.twitter.com/codecademy

- - - - - 
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/3hdaLOV
Check out our full course catalog: https://j.mp/3h7PLcg

How to create a color generator website

Have 60 seconds to learn something cool? We've made a bite-sized intro to #CSS – the markup language that makes the web look good. You can learn more about CSS (for free!) with Codecademy: https://j.mp/3b5BCsf

Learn Web Design with Codecademy: https://j.mp/2PZwCy3

- - - - - 
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/3uvqvQS
Check out our full course catalog: https://j.mp/2PWBPqa

What's CSS?

Learn how to build a Web Dev Portfolio with Codecademy.

Career: Building a Web Dev Portfolio

Preparing for a career in a technical field? Check out these interview tips — including advice on building a portfolio and showcasing your skills.

Career: Interview Prep

From Product Manager to Data Scientist, we take a look at different careers in tech and what these roles entail.

Career: Jobs in Coding

We asked recruiters in our community to share advice for people navigating the job-hunting process — from tips for optimizing your resume to advice on acing the technical interview.

Career: Recruiter Advice

A playlist of Quick Tip videos for Codecademy Chapter Leaders.

Community: Chapter Leader Quick Tips

Join our Chapters for live conversations on various topics — including NFT art and how to break into a technical field.

Community: Chapters

We think that connecting with other learners is the best way to learn. Explore some of our past community-led events here!

Community: Events

Hackathons are a great way to test your knowledge and flex your skills. Check out our hackathon presentations here.

Community: Hackathon

See how people around the world are reshaping their lives by learning to code.

Learner Stories

No matter what your coding goals are, the best place to start is by building a strong foundation. In this live series, we learn Computer Science fundamentals that are similar to content you’d see in a first-semester CS101 college course.

Learning to Code: CS101

There are a lot of terms and acronyms in the world of programming. Explore the definitions of common terms used in popular languages and frameworks.

Learning to Code: Definitions

TypeScript builds on your JavaScript foundation so you can develop higher-quality, less error-prone code faster. Learn more about this in-demand language as Codecademy Curriculum Developers guide us through an introduction.

Learning to Code: Intro to TypeScript

JavaScript has many functionalities, from web development to gaming applications. We break down the programming language and explain how it works with these tutorials.

Learning to Code: JavaScript

Since its release in 1994, Python stands tall as many developers’ favorite programming language. Explore its many capabilities with these livestreams and tutorials.

Learning to Code: Python

The R language is a popular tool for Data Analysts. Learn more about this free, open-source programming language with these livestreams.

Learning to Code: R

We show you how to get started on your coding projects — from setting up developer tools to pushing your code to GitHub.

Learning to Code: Setting Up

Just starting out on your coding journey? We’ve gathered tips for helping you start — including advice on how to choose your first programming language and how to remember everything you’re learning.

Learning to Code: Tips

You know all of those app ideas you’ve been wanting to create? Swift and SwiftUI can help you bring them to life for iOS. Learn how to build your very own iPhone app from start to finish in this live series.

Learning to Code: iOS Development

Join us for an assortment of livestreams where we cover topics such as interview prep, introductions to programming languages, project walkthroughs  — and so much more!

Live: All Livestreams

Augmented reality is alive and well. Learn how to make your first AR experience using the popular web framework A-Frame — with guidance from our Curriculum Developers.

Live: Augmented Reality

Explore the world of creative coding with p5.js, an open-source JavaScript library. We'll create drawings, animations, and video sculptures in this beginner-friendly series.

Live: Creative Coding with p5.js

Emojicode is a real programming language with a playful emoji syntax in place of traditional programming keywords. Learning it can bring some smiles and fun to your programming journey. Join us for an introduction to this silly language.

Live: Intro to Emojicode

Experience a full day of learning to code with interactive instruction and guided discussions by the Curriculum team at Codecademy.

Live: Learn From Home Day

Linear regression is a fundamental machine learning algorithm used for predictive modeling and data analysis. Learn more about it as Codecademy Curriculum Developers guide you through our course: Linear Regression in Python

Live: Linear Regression with Python

Almost everything we do creates data, and knowing how to investigate and communicate it is key. Our Curriculum Developers show us how to summarize data and run hypothesis tests following our Skill Path: Master Statistics with Python.

Live: Master Stats with Python

Our Curriculum Developers will lead you on a journey as you go from complete beginner to proficiency with data visualization, using Python. This is a weekly series that will lead you through our entire Visualize Data with Python Skill Path.

Live: Visualize Data with Python

Join the millions learning to code with Codecademy.

Learning to Code: HTML & CSS

Languages

Subjects

Languages