Software Engineer Training Program
Headstart Resources
Intro to Web Development
What is a web designer? What is a web developer?
A practical guide to growth for junior developers.
What beginners need to know about the journey ahead.
Exploring a new potential career.
Things are changing quickly. What do we need to know now?
Over 100K developers revealed how they learn, build their careers, which tools they’re using, and what they want in a job.
An illustrated guide to becoming a frontend or backend developer with links to courses.
This is a guide that anyone could use to learn about the practice of front-end development.
Can I rely on the web platform features to build my app?
DNS explained in simple terms.
Learn the fundamentals of the Hypertext Transport Protocol.
Tools of the Trade: Text Editors
FREE, cross-platform (OS X, Windows, and Linux.) editor from the fine folks at GitHub.
FREE, great printable sheet to keep on your desk.
Widely used text editor for code, markup and prose. (Free to try, $70 to own)
FREE, cross-platform- Excellent newcomer from Microsoft.
FREE- Open source text editor founded by Adobe.
Tools of the Trade: Terminal / Console Emulators
A replacement for Terminal app on OS X, therefore- Mac only.
Another cheat sheet to keep on your desk.
A must-have for Windows users. Install it now. Full version recommended.
Run native user-mode Linux shells and command-line tools unchanged on Windows.
Tools of the Trade: Browser DevTools
Use Safari & Web Inspector to design, debug, and optimize for the web Video from WWDC 2015.
Intro to the Command Line
How the Command Line Became Mainstream Again (good article!)
This friendly introduction will go over basics for beginners in a fun, illustrated zine format and online text.
Introduction to the Mac OS X Command Line (Good intro for Mac user)
A tutorial for the modern web designer.
Overcoming your Fear of the Command Line (The command line isn’t that scary!)
Intro to Git & GitHub
Got 15 minutes and want to learn Git? Here you go!
A simple, visual Git tutorial.
Lot's of good stuff on YouTube.
Commonly used Git command line instructions for quick references.
Git-tips (Most commonly used git tips and tricks.)
Create useful .gitignore files for your project.
GitHub For Beginners: Don't Get Scared, Get Started (Getting started with GitHub)
Comprehenisve Git tutorilas from Atlassian.
GitHub Essentials (Hello World on GitHub!)
A list of some Git and GitHub specific terms.
A list of cool features of Git and GitHub.
A guided tour that walks through the fundamentals of Git.
Rough instructions for particular effects. Great approach for learning Git.
An excerpt from Chapter 5 of David Demaree's book, Git for Humans.
Best practices for commit message formatting is one of the little details that makes Git great.
This guide explains how and why GitHub Flow works.
An introduction to the feature branch workflow.
A Visual Guide to Pull Requests.
Configure Git to use Atom or Sublime Text.
Access remote Git repositories securely.
Use a credential helper to tell Git to remember your GitHub username and password.
An attempt to be a comprehensive guide to recovering from what you did not mean to do when using Git.
HTML
FREE guide to HTML which features all elements and attributes.
Have HTML and CSS under your belt and wondering what's next?
A detailed look at that vague concept web designers call "workflow."
A friendly web development tutorial for complete beginners.
There's a greater benefit to less generic, more semantic elements.
What do we really mean by "semantic HTML"?
What are HTML5 semantics and why should we use them?
Get the current accessibility support status of HTML5 features across major browsers.
A quick introduction to the importance and implementation of accessible development for the web.
An introduction to ARIA attributes.
"If you have a disability, what’s the hardest thing about browsing the web?"
CSS
High-level advice for writing sane, manageable, scalable CSS.
A reference guide to the many features of CSS.
Guide for deciding when to use margin versus padding in CSS.
JavaScript
An introduction for new programmers.
Douglas Crockford in a 2007 presentation at Yahoo!
JavaScript Practice (helpful tutorial)
The importance of JavaScript fundamentals for every front-end developer.
Learning JavaScript: 9 Common Mistakes That Are Holding You Back
A representation of an HTML document in nodes and objects
All JavaScript developers need to know how to traverse the DOM.
Visualize JavaScript code execution for learning and debugging purposes.
Self-learning often leaves gaps in people's understanding of the language itself.
Free Web-Dev Resources
The Ultimate List of Best Free Tools & Resources for Front-End Web Developers
List of free tools and resources for Front-End Developers.
Images
FREE book on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered.