Junior Frontend Development weekly link sharing #3

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, JavaScript, Sass, CSS resources and a lot more other cool things.

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

Frontend Development

  1. ESTIMATING A FRONT END WEB DEV JOB
    Let’s be damn honest here. Estimating is for most of us the worst part of our job. We didn’t sign up for this. They didn’t teach us this in school. But if you get it right it will make your life so much better. There’s nothing worse than screwing up an estimation and having to deal with either not making a deadline, going over budget, working late hours to patch it up and so on..
  2. Personal branding for Junior Frontend Developers
    Personal branding is not just a hype! It can help to grow your career as a Junior Frontend Developer. With personal branding, I mean how you show the world, what you do, what you like, what you love the most etc. etc.
  3. Generate HTML, CSS straight from Sketch using Protoship
    Protoship is a code generator for designers and front-end programmers that create HTML, SASS, and React components from a Sketch design. You will be able to go from a design to a working application in a matter of hours instead of having to go through the tedium of writing HTML and CSS manually.

JavaScript

  1. Climbing up and down the DOM tree with vanilla JavaScript
    On a recent Javascript project, I needed to climb up the DOM tree looking for the first element that had a particular class, ID, or data attribute.

Devtools

  1. ZeroDarkMatrix Theme for Chrome
    A highly customized dark theme for Google Chrome.

CSS

  1. CSS architectures in 2016
    CSS in a growing web application is really, really hard. I’m doing CSS related projects for a while now and every time I need to start a CSS project from scratch I think: “This time I need to do it right.”
  2. Sass wat?
    Yet another introduction to Sass.
  3. Trello CSS Style Guide
    Writing CSS is hard. Even if you know all the intricacies of position and float and overflow and z-index, it’s easy to end up with spaghetti code where you need inline styles, !important rules, unused cruft, and general confusion. This guide provides some architecture for writing CSS so it stays clean and maintainable for generations to come.
  4. Guides & Tutorials for Sass
  5. Centering in CSS: A Complete Guide
    Centering things in CSS is the poster child of CSS complaining. Why does it have to be so hard? They jeer. I think the issue isn’t that it’s difficult to do, but in that there so many different ways of doing it, depending on the situation, it’s hard to know which to reach for.

Services & Products

  1. Project Shield
    Project Shield is a free service that uses Google technology to protect news sites and free expression from DDoS attacks on the web.
  2. CodeCards
    Code Cards is a card game that teaches you how to code whilst allowing you to go outside, have fun with friends or just take a break!

WordPress

  1. Local WordPress Development
    How to set up local WordPress development environment and how to use GruntJS or GulpJS

Check out our archive of Junior Frontend Development weekly link sharing posts.

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: