Weekend Website Wizardry

Slides

1. Web Concepts
2. HTML
3. CSS
4. Git and Github
5. JS

Resources

• Git Immersion - A guided tour that walks through the fundamentals of Git
• CSS Tricks - a blog about CSS and other things in web development
• HTML Formatter - an HTML formatter
• HTML Character Codes
• Coolors - a color palette generator
• ColorPick Eyedropper - a tool to grab colors from the web
• Fun Text Generators for Mockups
• MDN web docs - a web development wiki by Mozilla, Google, Microsoft, W3C, and Samsung
• Stack Overflow - a Q and A site for developers
• Stack Exchange - a family of Q and A sites to cover almost any question
• Why Learning to Code is so Damn Hard
• My First Website (circa 2000) - so do not be discouraged
• An Awesome List of Resources - covers just about everything

Meetups

• Jr Web Dev
• CharmCityJS
• Baltimore UX Meetup
• Google Developers Group / Women Techmakers

FAQs

What are -moz and -webkit?

CSS prefixes for specific browsers. See more here

Who decides what becomes a part of HTML, CSS, JS, etc?

There are organizations dedicated to maintaining, creating, and reviewing web standards. W3C (World Wide Web Consortium) handles HTML and CSS among others. Ecma International handles EcmaScript (or JavaScript).

What domain (.io, .com, .net)?

Using another domain may be cheaper or a name you want is more likely to be available. It does not matter what domain you use.

Cool Projects

• CSS Solar System
• CSS Minion

Cool Background in Web Dev

• Why rebeccapurple has that name

Further Classes and Learning

• Intro to Computer Science - a great intro course that walks you through both theory and practice in a number of different programming languages.
• Grasshopper - a mobile learning platform built by a Google team
• The Odin Project - a free full stack curriculum