| layout | title | description | permalink |
|---|---|---|---|
page |
Head Start |
A list of front-end web development resources. |
/headstart |
- Job Titles in the Web Industries What is web designer? What is a web developer?
- So you want to be a front end developer A practical guide to growth for junior developers.
- Why Learning to Code is So Damn Hard What beginners need to know about the journey ahead.
- Intro to Web Development Exploring a new potential career.
- State of Front-end Development Things are changing quickly. What do we need to know now?
- Stack Overflow Developer Survey 2018 Over 100K developers revealed how they learn, build their careers, which tools they’re using, and what they want in a job.
- The 2018 Web Developer Roadmap An illustrated guide to becoming a frontend or backend developer with links to courses.
- Front-End Developer Handbook 2018 This is a guide that anyone could use to learn about the practice of front-end development.
- What Web Can Do Today Can I rely on the web platform features to build my app?
- Domain Name System DNS explained in simple terms.
- Understand the Basics of HTTP Learn the fundamentals of the Hypertext Transport Protcol.
- Atom Free, cross-platform (OS X, Windows, and Linux.) editor from the fine folks at GitHub.
- Atom Keyboard Shortcut Cheat Sheet Great printable sheet to keep on your desk.
- Sublime Text 3 Widely used text editor for code, markup and prose. Free to try, $70 to own.
- Visual Studio Code Excellent newcomer from Microsoft. Free and cross-platform.
- Brackets Open source text editor founded by Adobe. Free.
- iTerm2 iTerm2 is a replacement for Terminal app on OS X. Therefore, Mac only.
- iTerm2 Keyboard Shortcut Cheat Sheet Another cheat sheet to keep on your desk.
- cmder A must for Windows users. Install it now. Full version recommended.
- Bash Shell on Windows 10 Run native user-mode Linux shells and command-line tools unchanged on Windows.
- Use Safari & Web Inspector to design, debug, and optimize for the web Video from WWDC 2015.
- How the Command Line Became Mainstream Again Good article in New York magazine.
- Learn Command Line 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 users.
- The Designer's Guide to the OS X Command Prompt A tutorial for the modern web designer.
- Overcoming your Fear of the Command Line The command line isn’t that scary.
- Try Git Got 15 minutes and want to learn Git?
- A Grip On Git A simple, visual Git tutorial.
- Git Video Tutorial Lot's of good stuff on YouTube.
- Git Cheat Sheet Commonly used Git command line instructions for quick references.
- Git-tips Most commonly used git tips and tricks.
- .gitignore Generator Create useful .gitignore files for your project.
- GitHub For Beginners: Don't Get Scared, Get Started Getting started with GitHub.
- Become a Git Guru Comprehenisve Git tutorilas from Atlassian.
- GitHub Essentials Hello World on GitHub!
- GitHub Glossary A list of some Git and GitHub specific terms.
- GitHub Cheat Sheet A list of cool features of Git and GitHub.
- GitImmersion A guided tour that walks through the fundamentals of Git.
- Git Magic Rough instructions for particular effects. Great approach for learning Git.
- The Art of the Commit An excerpt from Chapter 5 of David Demaree's book, Git for Humans.
- A Note About Git Commit Messages Best practices for commit message formatting is one of the little details that makes Git great.
- Understanding the GitHub Flow This guide explains how and why GitHub Flow works.
- Git Basics - a General Workflow An introduction to the feature branch workflow.
- Pull Request Tutorial A Visual Guide to Pull Requests.
- Associating text editors with Git Configure Git to use Atom or Sublime Text.
- Authentication with SSH Public Keys Access remote Git repositories securely.
- Caching your GitHub password in Git Use a credential helper to tell Git to remember your GitHub username and password.
- On undoing, fixing, or removing commits in git An attempt to be a comprehensive guide to recovering from what you did not mean to do when using Git.
- htmlreference.io 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."
- HTML & CSS Is Hard (But it doesn't have to be) A friendly web development tutorial for complete beginners.
- Accessibility Through Semantic HTML There's a greater benefit to less generic, more semantic elements.
- Understanding semantics What do we really mean by "semantic HTML"?
- An Overview of HTML5 Semantics What are HTML5 semantics and why should we use them?
- HTML5 Accessibility Get the current accessibility support status of HTML5 features across major browsers.
- Getting Started with Web Accessibility A quick introduction to the importance and implementation of accessible development for the web.
- HTML 5 and ARIA Landmarks And introduction to ARIA attributes.
- Accessibility according to actual people with disabilities "If you have a disability, what’s the hardest thing about browsing the web?"
- CSS Guidelines High-level advice for writing sane, manageable, scalable CSS.
- CSS-Tricks Almanac A reference guide to the many features of CSS.
- CSS-Margin vs Padding Guide for deciding when to use margin versus padding in CSS.
- JavaScript for Cats An introduction for new programmers.
- The JavaScript Programming Language Douglas Crockford in a 2007 presentation at Yahoo!
- JavaScript Practice A helpful tutorial for JavaScript.
- Is Vanilla JavaScript worth learning? Absolutely. The importance of JavaScript fundamentals for every front-end developer.
- Learning JavaScript: 9 Common Mistakes That Are Holding You Back Avoid common learning mistakes.
- The Document Object Model (DOM) A representation of an HTML document in nodes and objects
- Traversing the DOM with JavaScript All JavaScript developers need to know how to traverse the DOM.
- JavaScript Tutor Visualize JavaScript code execution for learning and debugging purposes.
- 10 JavaScript Concepts You Need to Know for Interviews Self-learning often leaves gaps in people's understanding of the language itself.
- The Ultimate List of Best Free Tools & Resources for Front-End Web Developers List of free tools and resources for Front-End Developers.
- Essential Image Optimization A free book on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered.