Junior Frontend Development weekly link sharing #2

This week we have again a lot of worthy links for you to check out and to learn from. We have links with Frontend Development, Git, JavaScript, Job interview tips, CSS resources and a lot more other cool Frontend things.

This list based upon the sharing of the whole community this week! We hope you like it!

Frontend Development

  1. 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.
  2. So you want to be a front-end developer — A practical guide to growth for junior developers
    Front end development has seen a huge rise in the past several years. Javascript continues to widen the gap as the most used language on Github, and job openings are abundant. It’s no wonder that in tandem with this ascent, we’ve seen a massive increase in the number of lofty-promise-learning-programs — bootcamps, tutorials, crash courses and everything in between.
  3. 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.

Events

  1. 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.

Courses

  1. 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.
  2. CodeCards
    Play cards. Learn how to code.

JavaScript

  1. Using VIM as a JavaScript IDE
    Using Vim as a JavaScript IDE Feb 8th, 2016 I have been writing a lot of Javascript code (both server and client side) over the last few months.
  2. JavaScriptKicks
    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.
  3. JSJ Careers for Junior Developers with Aimee Knight
    A weekly podcast about JavaScript, including Node.js, Front-End Technologies, Careers, Teams and more. This week with Aimee Knight.
  4. The Difference Between Excellent, Good and Bad JavaScript Developers
    We all want to be excellent at what we do. But few of us put in the time and effort to make excellence a reality. Being excellent is hard work, in any profession. Measuring a JavaScript developer’s excellence is a hard thing to do. What makes for an excellent JavaScript developer?
  5. 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.
  6. 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.

CSS

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. 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.
  6. 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

  1. 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.

Git

  1. 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.
  2. 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.
  3. 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

  1. Chrome Devtools – 7 tips & tricks
    7 great tips for using the Chrome Devtools
  2. Why I Left Gulp and Grunt for npm Scripts
    I know what you’re thinking. WAT?! Didn’t Gulp just kill Grunt? Why can’t we just be content for a few minutes here in JavaScript land? I hear ya, but… I’ve found Gulp and Grunt to be unnecessary abstractions. npm scripts are plenty powerful and often easier to live with.
  3. 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.
  4. 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.

  5. 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.
  6. Why we should stop using Grunt & Gulp
    If you’re building a modern JavaScript application or website, there’s a good chance you’ve seen the JavaScript Build Tool Landscape. The heavyweights of this world are Grunt and Gulp, although many, many others exist too. Grunt receives a whopping 30,000 downloads most days, and Gulp has a respectable 15,000 daily downloads.
  7. 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

Looking for a Frontend Coaching or Mentor Service? Join our Community at mrfrontend.nl

Subscribe to our free Weekly Blog newletter

Subscribe to our free Weekly Blog newletter at  blog.mrfrontend.nl/subscribe-free-weekly-blog-newsletter/

Author Raymon S

Lead Frontend Developer ♥ CSS & Sass / Founder of Mr Frontend Community / Coach & Mentor- #HTML #Sass #BEM #JavaScript #AngularJS #responsive #CoderDojo #NodeJS

More posts by Raymon S
%d bloggers like this: