search

jiujitsucarrot / prework-study-guide

Course study guide for pre-work.
MIT License
0 stars 0 forks source link

HTML #1

Open jiujitsucarrot opened 1 year ago

jiujitsucarrot commented 1 year ago

HTML

User Story

As a boot camp student, I want the prework notes to be structured on a webpage so I can easily find and read information

Acceptance Criteria

GIVEN a prework study guide website WHEN I visit the website in my browser THEN I see four boxes titled HTML, CSS, Git, JavaScript with associated notes listed

jiujitsucarrot commented 1 year ago

<!DOCTYPE html>

Prework Study Guide

Prework Study Guide

Profile image of cat wearing a bow tie.

HTML

  • The head element contains information about the webpage
  • The body element represents the visible content shown to the user
  • HTML stand for Hypertext Markup Language

CSS

  • Cascading Style Sheets
  • Describes how HTML elements are to be displayed
  • A margin indicates how much space we want around the outside of an element
  • A padding indicates how much space we want around the content inside an element

Git

  • Git is a distributed version control system
  • Used for coordinating work among programmers
  • Manage multiple versions of source code edits
  • git status: checks what branch we are currently on
  • git checkout -b branch-name: creates a new branch and switches to it

JavaScript

  • JS is a programmiing language
  • Designed for creating network-centric applications
  • One of the core technologies alongside HTML and CSS
jiujitsucarrot commented 1 year ago

<!DOCTYPE html>

Prework Study Guide

Prework Study Guide

Profile image of cat wearing a bow tie.

✨ Open the Console to See What's Happening ✨

HTML

  • The head element contains information about the webpage
  • The body element represents the visible content shown to the user
  • HTML stand for Hypertext Markup Language

CSS

  • Cascading Style Sheets
  • Describes how HTML elements are to be displayed
  • A margin indicates how much space we want around the outside of an element
  • A padding indicates how much space we want around the content inside an element

Git

  • Git is a distributed version control system
  • Used for coordinating work among programmers
  • Manage multiple versions of source code edits
  • git status: checks what branch we are currently on
  • git checkout -b branch-name: creates a new branch and switches to it

JavaScript

  • A variable is a named container that allows us to store data in our code
  • Control flow is the order in which a computer executes a script
  • JS is a programmiing language
  • Designed for creating network-centric applications
  • One of the core technologies alongside HTML and CSS

I can code!