This list based upon the sharing of the whole community this week! We hope you like it!
- 20+ Docs and Guides for Front-end Developers (No. 7)
As is often the case in front-end development, it seems we have so much to learn and so little time to do it. I’ve rounded up another 20+ learning resources, interactive playgrounds, and other goodies for front-end learning.
- So you want to be a front-end developer — A practical guide to growth for junior developers
- Ashley’s Story: From Currency Consultant to Front End Developer
Ashley Harpp first joined Treehouse while working as a currency consultant at the airport. Feeling she’d reached the peak of that career, she wanted a big change. Ashley always had a fascination for the web and wanted to learn to code. This was the opportunity for her to take the leap and learn the skills she would need to launch a tech career.
- Angular Attack: 14-15 may, 2016
Angular Attack is a 48-hour hackathon featuring Angular. It’s an online, virtual competition with contestants worldwide.
The competition kicks off May 14th, 2016 0:00 UTC and ends May 15th, 2016 23:59 UTC.
- Codecademy – Learn to code interactively, for free
Codecademy is an education company. But not one in the way you might think. We’re committed to building the best learning experience inside and out, making Codecademy the best place for our team to learn, teach, and create the online learning experience of the future.
Play cards. Learn how to code.
A connecting intersection among devs and designers which is revolutionizing the design and usability of web applications to the next level. We’re about highlighting the good thoughts and works of others while creating a community of like-minded users through content and discussion that enlightens and connects.
- JSJ Careers for Junior Developers with Aimee Knight
- NG Book 2 (AngularJS 2.0 book)
The in-depth, complete, and up-to-date book on Angular 2. Become an Angular 2 expert today.
- AngularJS Directives, Using Isolated Scope with Attributes
Directives in AngularJS are very powerful, but it takes some time to understand what processes lie behind them. While creating directives, AngularJS allows you to create an isolated scope with some custom bindings to the parent scope. These bindings are specified by the attribute defined in HTML and the definition of the scope property in the directive definition object.
- REM vs EM – The Great Debate
One of the best practices to typography on the web is to use relative units like rem and em. The question is, which should you use? There’s been a longstanding debate between rem supporters and em supporters, believing that you should use one over the other.
- CSS Guidelines – High-level advice and guidelines for writing sane, manageable, scalable CSS
CSS Guidelines is a document by me, Harry Roberts. He is a Consultant Front-end Architect from the UK, and helps companies all over the world write and manage better quality UIs for their products and teams.
- 5 CSS Tips for Junior Frontend Developers
HTML & CSS are the basic skills for Frontend Developers. But basic will not always say it is easy to write clean CSS code. So from the things that I’ve learned in all these years as a Frontend Developer, I’ll like to share some tips for writing clean CSS and not spaghetti CSS.
- CSS Performance: We write CSS selectors wrong!
So today, I want to dive into CSS Performance. Especially I want to talk about, how you can make you selectors faster to render in the browser. So let’s start with an example that every (Frontend) Webdeveloper used once in CSS.
- 7 reasons to start using PostCSS today
PostCSS makes it possible to transform or extend syntaxes and features of CSS. Nothing groundbreaking there then, but unlike existing pre-processors PostCSS aims to improve the usability of CSS by solving long standing issues with CSS at scale such as global scope and inheritance.
- Why DockYard transitioned to PostCSS
PostCSS is the new big kid on the block and for good reason. It has provided developers with modularity and flexibility in CSS development. The ability to add and remove plugins that fit a project’s development process separates PostCSS from other tools that we used in the past.
Job Interview tips
- How To Interview A Front End Developer And How To Prepare For A Front End Developer Interview
When it comes to front-end development, it is a relatively new job title. The advent of responsive web design or as the hipsters call it RWD, meant more emphasis was placed on making coherent front-end user experiences across different devices and mediums.
- GitHub For Beginners: Don’t Get Scared, Get Started (Part 1)
GitHub is more than just a programmer’s tool. If you want to collaborate on anything, you should give it a try. Part 1 of a two-part look at getting started with GitHub.
- GitHub For Beginners: Commit, Push & Go (Part 2)
Now that we know the concepts behind GitHub and Git, it’s time to have fun. Part 2 of our two-part series.
Github Tutorial For Beginners – Github Basics for Mac or Windows & Source Control Basics (screencast)
If you’ve been wanting to learn Github, now’s the perfect time! Github is seen as a big requirement by most employers these days and is very critical to business workflow. This Github tutorial will cover the basics of how to use Github and the command line.
DevTools & Build scripts
- Chrome Devtools – 7 tips & tricks
7 great tips for using the Chrome Devtools
- Why I Left Gulp and Grunt for npm Scripts
- YEOMAN TUTORIAL – Master Front-End Workflow with Yeoman, Grunt and Bower
It’s time to take your workflow to the next level! Yeoman makes Front-End Workflow not only fun, but powerful, professional and very cool. If you’re a front-end developer and you don’t use Yeoman, Grunt and Bower, then get ready to enjoy the complexities of front-end development in a whole new way.
- GRUNT TUTORIAL – Grunt makes your web development better!
If you’re not using a task runner/build system like Grunt or Gulp, you probably need to! Build systems make your websites load faster, code faster, deploy better…it’s like a cocktail bomb for coder happiness.
- WHY YOU NEED A BUILD SYSTEM LIKE GRUNT, GULP, BRUNCH FOR YOUR WEBSITE
Not using a build system/task runner? You’re missing out. A build tool like Grunt, Gulp, Brunch, etc will drastically improve your local development workflow as well as your deployed website.
- Why we should stop using Grunt & Gulp
- Why NPM Scripts
I’ve started using npm scripts in my projects for about the last six months. Before that, I used Gulp and before that, Grunt. They’ve served me well and helped me perform my work faster and more efficiently by automating many of the things I used to do by hand. However, I started to feel that I was fighting the tools rather than focusing on my own code.
Check out our archive of Junior Frontend Development weekly link sharing posts.