Home

Course pages

• Web Development 101
• Front-end Development (Programming Intensive)

Course Slides and Materials

All course materials are made publicly available via the course pages, or by looking through the relevant folders in /classes.

Resources

Software

• Sublime Text
• Google Chrome

General

• Command Line Crash Course
• Tips and tricks to make you a more efficient programmer

HTML/CSS

• A Practical Guide to HTML and CSS
• W3 Schools Tutorials on HTML and CSS
• PDFs in resources/html-css
• Index of CSS properties and what they do
• Almost anything (dropdown menus, columns, centered content, accordions...) you want to design with CSS you can Google and find dozens of articles detailing how to make them, with sample code. Yay Internet!

Git

• First, create an account on this site, Github.com!
• Try Git
• Git Immersion

For designers

• The Best Designs, a compilation of the best designed websites these people could find.
• Sidebar.io is a great blog that gives you five great sites about design every day.
• Designer news is like Hacker News, but for designers.
• iconmonstr and The Noun Project are great places to find icons.
• No time for design? Twitter Bootstrap is a set of awesome, useful stylesheets that you can download, for free! Tons of sites use it, and it makes making nice grids, layouts, forms, buttons...anything really easy. Foundation is similar, and also fantastic.

Workshop slides

Workshop materials can be found in the /workshops directory of the repo.

For more information about HackYale, checkout hackyale.com

Student Developer Program

The students developers are employed by Yale to build stuff for them. For more info, check out the Student Developer Page.