Junior Frontend Development weekly link sharing #22
This Frontend Development weekly link sharing have nice links with ES6, Design JavaScript, SVG and a lot of other things to check out.
This list based on the sharing of the whole community and what we shared on our socialmedia channels this week! We hope you like it!
If you have things you missed in the list, please add them in the comments 🙂
ES6
- An Intro To Using npm and ES6 Modules for Front End Development
A big thanks to bitHound for sponsoring my time to research and write this article. Check out their service, which provides continuous analysis and quality checks for both your front and back end J… - Understanding ES6 Arrow Functions for jQuery Developers
Arrow functions are a really handy new part of the ES6 JavaScript spec. Along with shorter, more concise syntax one of the benefits is that is handles the keyword this a little differently. More sp… - ES6 for Everyone
A premium training course to strengthen your core JavaScript skills and master all that ES6 has to offer. 19 Modules and 66 Videos! - ⏲ 5 Min ES6 Code Along: Fight Recruiter Spam with JavaScript!
Code along on how to programatically accept/deny Linked In invites with JavaScript. Code: https://gist.github.com/wesbos/c616873c40ac258d0e028587f8185e56 - Using ES6 with Angular today
One of the most exciting upcoming changes for Angular 2.0 is that it’s entirely written in ES6 — the next version of JavaScript. There’s no need to wait until Angular 2.0 though. You can start… - var, let and const — What, why and how — ES6 JavaScript Features
In ES5, we only had one type of variable, var, but in ES6, we have three. types of variables: var, let and const. In this video, we explore the what, why, an…
Other
- Coding mobile-first emails — Campaign Monitor Engineering
A practical step-by-step guide - “How To Use Arguments And Parameters In ECMAScript 6” on Smashing Magazine
ECMAScript 6 (or ECMAScript 2015) is the newest version of the ECMAScript standard and has remarkably improved parameter handling in JavaScript. We can now use rest parameters, default values and destructuring, among other new features. In this tutorial, we will explore arguments and parameters in d… - Buttons shouldn’t have a hand cursor — Simple = Human
by Adam Silver - A Comprehensive Guide to Font Loading Strategies — zachleat.com
A post by Zach Leatherman (zachleat), a Front End Engineer. - Talus
Talus is a bash script to automate download & setting up your Mac OS X development environment. - Timeline Photos
More than 150 members at the Mr Frontend Community! But we have room for a lot more people :D #frontend #development - Using Full Text Search (FTS) in Couchbase with the Node.js SDK
Nic Raboy of Couchbase Published July 14, 2016
Design
- BEM & Atomic Design: A CSS Architecture Worth Loving
Using Pattern Lab and BEM on a project I stumbled upon a great way of structuring CSS, better naming, and better a developer experience. - 20 Best Freebies for Aspiring UX Motion Designers
Interface designers are taking a greater interest in UX design with animated mockups that emulate user actions. These UX mockups rely on motion with animated effects to define how an interface should…
Javascript
- Why object literals in JavaScript are cool
ES2015 improves the object literals (or initialiazers) to set the prototype using __proto__, use super, shorthand method declarations, computed names.
Wordpress
- Matt Mullenweg to WordPress Community: “Learn JavaScript, Deeply”. Here are some resources for doing that.
A few weeks back, the WordPress community was abuzz when Automattic announced Calypso — the new WordPress admin interface build with Node and React. This weekend Matt Mullenweg, the creator of Word…
Jquery
- Start with JavaScript, drop jQuery!
JavaScript, yes definitely JavaScript! And no jQuery! If you want to be better with JavaScript, you have to learn it the right way. Don’t start with jQuery!
Svg
- How to Design, Code, and Animate SVGs
What is SVG? SVG stands for Scalable Vector Graphics. Think of it more as responsive graphics. It is an XML based format that allows you to create an image by using defined tags and attributes. Your… - Web Development Reading List #145: Font Loading Strategies, Scaling SVGs And Infinite Scrolling Done
I love articles that specifically focus on tiny little details within web development. For example, this week I stumbled upon an article featuring all the fine details about scheduling in…
Frontend
- Junior Frontend Development weekly link sharing #21
This Frontend Development weekly link sharing have nice links with AngularJS, Design, CSS, JavaScript, WordPress and a lot of other things to check out.
Angular
- Angular 2 Tutorial: Create a CRUD App with Angular CLI
In this Angular 2 tutorial, Todd Motto and Jurgen Van de Moere build a todo list CRUD app, using Angular CLI to generate components, services, and tests.
