Day 1

  • Introductions
  • What is the Internet/the cloud?
  • What is a browser vs search engine
  • What are HTML & CSS
  • HTML & CSS Syntax
  • Clean Coding, Tags, & Elements
  • Codepen.io
  • Who am I? Where am I from?
  • Who are you?
  • How did you hear about Geekwise Academy?
  • What do you want to get out of your experience at Geekwise?
  • Bitwise Building Tour
  • Write your email address on the sign-in sheet and you will receive an email from Slack inviting you to sign up.
  • A browser is a program on your computer that you use to access the internet. Google Chrome (our browser of choice for this course), Internet Explorer, Mozilla Firefox, Opera, and others are examples.
  • A Search Engine is a hosted service that "indexes" web sites (based on many factors) and allows users to search the entire internet and filter the results. Think Google.com, askjeeves.com, Yahoo.com, etc.
              
                

< > (opening tag), < / > (closing tag)

ALWAYS close your tags!!

Together they make an element

  • Visit Codepen and create an account.
  • Let's take a look around:
    • HTML
    • CSS
    • File vs. Folder/Directory
  • Proper Syntax
  • Nesting Code
  • Proper Structure of HTML & CSS
              
                
                < html >
                    < head >
                        < meta name = "viewport" content = "scale: 1:1" />
                        < title >Page Title< /title >
                    < / head >
                    < body >
                        < header >
                            < h1 >TITLE < /h1 >
                        < /header >
                        < div >
                          < p > Text here < / p >
                        < / div >
                    < /body >
                < / html >
                < !- - comment - - >
              
            
              
              element name {
                property: modifier;
              }

              /* comment */

              p {
                property: modifer;
              }