Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
https://s3.amazonaws.com/assets.fullstack.io/n/20230428060818198_article-image.jpg

lesson

Javascript Basics for Web DevelopersYour First 30 Days of Web Development

HTML gives the web structure. CSS provides that structure with style. **JavaScript makes that structure _interactive_**.

https://s3.amazonaws.com/assets.fullstack.io/n/20230428060804950_article-image.jpg

lesson

CSS Units: What They are and How to Use ThemYour First 30 Days of Web Development

Today we'll be focusing on the different CSS units, which indicate a size. We will use the DevTools to play with different variations.

https://s3.amazonaws.com/assets.fullstack.io/n/20230428060754061_article-image.jpg

lesson

Using CSS Selectors: Beginner-Friendly Exercises and ExamplesYour First 30 Days of Web Development

To get more comfortable with Selector Specificity, let's revisit our "css-practice.html" document.

https://s3.amazonaws.com/assets.fullstack.io/n/20230428060738438_article-image.jpg

lesson

Understanding CSS Specificity: Id, Class, and Tag SelectorsYour First 30 Days of Web Development

What's easier to say, "toy boat ⛵️" or "selector specificity" three times fast? Try it out. I can say neither.

https://s3.amazonaws.com/assets.fullstack.io/n/20230428060728226_article-image.jpg

lesson

CSS Syntax Basics: Selectors, Properties, and ValuesYour First 30 Days of Web Development

CSS syntax is relatively straightforward, and you may have even picked up on the syntax basics through some of the previous examples.

https://s3.amazonaws.com/assets.fullstack.io/n/20230428060716478_article-image.jpg

lesson

How to Link CSS to HTML: Inline style and StylesheetsYour First 30 Days of Web Development

But how do we get CSS onto a web page? There are three basic ways of adding CSS to a web page: Inline style, Internal and External stylesheets.

https://s3.amazonaws.com/assets.fullstack.io/n/20230428060705600_article-image.jpg

lesson

A Beginner's Guide to CSS with examples and exercisesYour First 30 Days of Web Development

Our HTML is rather plain. Let's use CSS to give it some style 😎.

https://s3.amazonaws.com/assets.fullstack.io/n/20230428060641403_article-image.jpg

lesson

HTML Tags and Elements: Definitions, Examples, and RelationshipsYour First 30 Days of Web Development

Elements are made up of tags, tags are not made up of elements. Elements are the building blocks 🏗 of HTML.

https://s3.amazonaws.com/assets.fullstack.io/n/20230428060632002_article-image.jpg

lesson

What is HTML? An Introduction to Web DevelopmentYour First 30 Days of Web Development

HTML is the foundational language of all content on the web. Let's get familiar with it.

https://s3.amazonaws.com/assets.fullstack.io/n/20230428060619302_article-image.jpg

lesson

Setting Up and Tooling A Web Development Text EditorYour First 30 Days of Web Development

Today, you will meet your soon to be best friend: the text editor. A text editor is a fancy tool that developers use to write code.

https://s3.amazonaws.com/assets.fullstack.io/n/20230428060607988_article-image.jpg

lesson

GUIs, Shells, and Kernels: Definitions, Examples, and RelationshipsYour First 30 Days of Web Development

GUIs and Shells are two important terms we are going to explore. Understanding how they relate to our Operating System will clarify potential points of confusion later on.