/Web-Development-From-Dummy-to-Ninja

MIT LicenseMIT

Web Development: From Dummy to Ninja

Chapter 1: HTML

  • HTML Introduction
  • Create your first web page
    • Get a plain text editor
    • Create hello_world.html
    • Play around with the developer tool in you browser
  • HTML Examples
  • Build your online resume
    • Create a directory
    • Create index.html
    • Heading
    • Parapraph
    • Link
    • Email
    • Image
    • Page Title

Chapter 2: CSS

  • CSS selectors
  • Play around with CSS
    • Create a stylesheet and include it in your resume HTML
    • Change font family and font size
    • Align your photo to the right
    • Resize your photo
    • Add margins between paragraphs
    • Chage the background

Chapter 3: Launch you first website!

  • An introduction to Git
    • git init
    • git status
    • git add
    • git commit
  • Backup your repository on GitHub
    • What is GitHub?
    • Create a GitHub repository
    • git remote
    • git push
    • Add README.md, and push to GitHub
  • Host you website with GitHub Pages
    • What is GibHub Pages
    • Rename your repo to username.github.io
    • Custom URL (Optional)

Cahpter 4: JavaScript

  • JavaScript the language
  • What is DOM? And how to manipulate DOM with JS?
  • What is jQuery?
  • Create a gallery with JS and CSS