Welcome to the FIU Intro to HTML/CSS and Git Local Hack Day Repo!

Make sure to check out the presentation as well as these resources. This repo will be updated after Local Hack Day with example code.

Resources

Education

• edX - Computer Science Courses - free courses from known universities (can also pay for certifications on certain courses)

• Math Overflow - question and answer site for mathematicians

• The Mosts Important Skill in Software Development

• Book: Structure and Interpretation of Computer Programs - MIT computer science book that focuses on the human mind, collections of computer programs, and the computer. It uses Lisp to demonstrate fundamentals of programming.

CSS/SASS

• An Introduction To Graphical Effects in CSS

• Crafting Easing Curves for User Interfaces

• Getting Dicey With Flexbox

• Useful SASS Mixins

• 12 Little-Known CSS Facts (The Sequel)

• The 30 CSS Selectors you Must Memorize

JavaScript

• Unheap - repository of jQuery plugins

• Online JavaScript Beautifier - if you're too lazy to format your JS, paste it in here and watch it magically become pretty

• concise JavaScript: slides - a concise and accurate JavaScript tutorial/notes written for those entering the JavaScript world for the first time but already have experience with other languages

• JavaScript for Cats - intro to JS...for kitties all of types

• Directing JavaScript with Arrows - paper provided by University of Maryland describing how to use Arrowlets, a new JS library for composable event handling

Other Languages

• Python - python's main site

• Why's (Poignant) Guide to Ruby - Ruby...explained with cartoon strips and anecdotes. Pretty awesome.

(Code) Libraries + Frameworks

• Polymer Project - Google HTML library designed to make it easier and faster for developers to create great, reusable components for the modern web

• Bootstrap - designed by some people at Twitter. Bootstrap one of the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web

Editors

• Codepen - HTML, CSS, and JavaScript code editor in your browser. You can also see, test, and edit other people's creations

• Collabedit - basic online text editor with sharing capabilities

• Cloud9 - online cloud development environment with amazing capabilities like a built in terminal, language tools, debuger, themes, run panel, key bindings editor, or vim/emacs/sublime mode. Uses your GitHub account

User Interface + User Experience (UI + UX)

• Design Process In The Responsive Age - Smashing Magazine article about the correct way of designing responsively

• THE DISCIPLINES OF USER EXPERIENCE - the original article that provides the famous venn diagram on all of the parts of UI/UX written by Dan Saffer

• UXPin: How to Get Started in UX Design? - the guys at UXPin are really good. This is a short article on how to start thinking UX

• UXPin: The Ultimate UX Design Starter Kit - UXPin guys made a super nifty little site that has tons of resources on UI/UX. Everything you need on one site...

• UI, UX: Who Does What? A Designer's Guide To The Tech Industry - self explanatory

• The Anatomy of an Experience Map - how an experience map should be done. super useful!

• ZURB Blog: The 3 Elements of Good Design: Usability, Utility and Desirability

• David McCandless: The beauty of data visualization - TED TALK: David McCandless turns complex data sets (like worldwide military spending, media buzz, Facebook status updates) into beautiful, simple diagrams that tease out unseen patterns and connections. Good design, he suggests, is the best way to navigate information glut — and it may just change the way we see the world.

• UXPin: UX Design Knowledge. Shared - UXPin's library of free resources

• UX is not UI - blog post by HelloErik Experience Design

• Lean UX vs. Agile UX – is there a difference?

• Design School @ Stanford | An Introduction to Design Thinking PROCESS GUIDE

• 7 unbreakable laws of user interface design - a must read article

• How to write a great error message

Application Development

• MIT App Inventor - beginner-friendly tutorials + cloud-based service to create Android Apps

• RhoMobile Suite - one of the many mobile app platforms that allows you to write apps for every OS all at once

• Xamarin - another app platform. Write apps entirely in C#

• The Command Line Crash Course - essential to know before getting into development

Other Tools

• DiffNow | Compare Files Online - just in case you quickly need to find differences in files. Works great when you want to compare files that are not on GitHub

• StackShare - see what software and tools other companies are using and compare their stacks!

Community

• Made with Code : Community - Google - Made with Code's community page

Resources for Students

• GitHub Student Developer Pack - if you're a student, GitHub provides you with tons of cool apps and subscriptions for free like Bitnami, Digital Ocean, DNSimple, free private repos, HackHands, etc

Fun

• Commit Logs From Last Night