Junior Frontend Development weekly link sharing #2
March 07, 2016
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.
- Ashley’s Story: From Currency Consultant to Front End DeveloperAshley_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, 2016Angular 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.
- CodeCards Play cards. Learn how to code.
- 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)**](https://www.youtube.com/watch?v=0fKg7e37bQE) _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 & tricks7 great tips for using the Chrome Devtools
- 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 WEBSITENot 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 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.
Looking for a Frontend Coaching or Mentor Service? Join our Community at mrfrontend.org
Subscribe to our free Weekly Blog newletter at blog.mrfrontend.org/subscribe-free-weekly-blog-newsletter/