CompSci//Media Arts - Web Design: 3 Core Langs, p2

CompSci//Media Arts

Web Design:
Core Languages of the Web
Part 2: Try JS & CSS

Today's Goal

Learning more about Web Languages;
the 3 Core Languages of the Web

Completed

Basics of HTML
Basics of MakeCode

Today

Core Languages of the Web
Try basic JS & CSS

Upcoming

Starting our Semester Project

Typing Practice

Start with typing:
https://shaunwegs.github.io/2024/pit/t/d/3-19.html

Part 3:
Adding JS

Today, we're going to add some basic JavaScript and CSS to the page we started yesterday. We'll start with JS, and then add CSS after.

Follow along with the videos here.

js-p1-words.mp4

js-p2-words.mp4

Part 4: Basic CSS

Next, we'll learn a little about the basics of CSS. Follow along with the videos below.

css-p1-words.mp4

css-p2-words.mp4

Experiment a bit more with CSS. Play with it, customize it, adjust it until you get a color palette and appearance you're happy with.

You can find other examples of CSS online too and try to add them to your page as well.

Submit

Take a short video, showing your stylized page, along with at least 2 interactive elements that pop up alerts when you click on them. Add this to your slide for today.

Page updated

Report abuse