USEFUL LINKS
Coding tools
https://codepen.io https://jsfiddle.net/
Utility tools
http://shoelace.io/
http://www.cssmatic.com/box-shadow
http://www.cssmatic.com/border-radius
Tutorials
http://learnlayout.com/
RMH

Jules of Nature

Kaledo Art
Peter Solarz
Claire Keane

@theartofmadeline
he wasn't even looking at me and he found me
NASA

PR's Tumblrdome
Cosimo Galluzzi

Janaina Medeiros

oozey mess
will byers stan first human second

romaâ
d e v o n

tannertan36
I'd rather be in outer space đ¸

titsay

seen from Spain
seen from Germany

seen from Spain

seen from Malaysia
seen from Australia

seen from Austria

seen from United States

seen from TĂźrkiye
seen from Germany

seen from Saudi Arabia
seen from Italy

seen from United States
seen from Vietnam
seen from United Kingdom

seen from Japan

seen from Germany

seen from Malaysia
seen from United States

seen from TĂźrkiye
seen from United States
@nth-coder
USEFUL LINKS
Coding tools
https://codepen.io https://jsfiddle.net/
Utility tools
http://shoelace.io/
http://www.cssmatic.com/box-shadow
http://www.cssmatic.com/border-radius
Tutorials
http://learnlayout.com/

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch ⢠No registration required ⢠HD streaming
(JS)Â - the Arrow Function =>
the arrow function is an option to shortening function expressions.
Clean example:
var materials = [ 'Hydrogen', 'Helium', 'Lithium', 'Beryllium' ]; materials.map(function(material) { return material.length; }); // [8, 6, 7, 9] materials.map((material) => { return material.length; }); // [8, 6, 7, 9] materials.map(material => material.length); // [8, 6, 7, 9]
read more at: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
(HTML) - rel="noopener"
If you have links to another origin, you should use rel="noopener" , especially if they open in a new tab/window. <a href="http://example.com" target="_blank" rel="noopener"> Example site Without this, the new page can access your window object via window.opener
via: https://jakearchibald.com/2016/performance-benefits-of-rel-noopener/
(CSS) - center stuff
You can center the standalone buttons in modern browsers by following the CSS code example below.
#my_centered_buttons { display: flex; justify-content: center; }
via: https://www.addtoany.com/buttons/customize/center_align_buttons
I was a 29-year-old plumber with a wife, kids, and a mortgage. I enjoyed plumbing, but I wanted more. I wanted a job of the future.

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch ⢠No registration required ⢠HD streaming
Developing for the frontend web and keeping up with the Javascript ecosystem and all the new terms and flashy frameworks can beâŚ
(jQuery )Â - .ready function shortcut
Usually we use this default function arround our jQuery to prevent to load any jQuery code before the docuent finished to load.
$(document).ready(function(){ //some jQuery });
This is one of the first thing what You learn about the jQuery libriary.
It is a bit pain to type in and not to mention it makes the code a bit less clean but thankfully there is a shortening:
$(function(){ //some jQuery })
But keep in mind: if you are a novice it is good to get used to with the default jQuery syntaxes so it won´t hurt you to type a bit more.
In that case if You are not a novice anymore and You will have huge chunk of codes the original form keeps your code more organised, more searchable.
Jobs of the Future lvl99898
This is an actual job offer for so called "junior developer" position. I think it says everithing about why it is worth to learn to code for an aspiering dev. Felxible and full of opportunity.
*We expect you to have worked with Javascript projects and used libraries suchs as jQuery, Require.js or React. You should know how to interact with Rest APIs. HTML and CSS are something that won't give you a challenge. You have a good understanding of how modern web pages are build.
We also go to a lot of conventions and conferences around the world, and we try and take any team members that want to go with us. If travelling the world and expanding your network in the games industry sounds good, this job is definitely for you!
While we prefer someone who will be in our Head office on a daily basis, remote applicants are welcome. You will have to be able to travel to the Head office at least once a week.
We value your experience and contributions to projects more than your years of experience.
You don't need to be super well versed in the newest frameworks to succeed here. The most important thing is the willingness to learn and the ability to do the research to fill the gaps in your knowledge.
Requirements
Experience with a JS Framework and Library (preferably React, or a desire to learn React) Experience with HTML5, Javascript, and CSS Ability to understand requirements from different departments Good English written and verbal skills Ability to motivate yourself and take initiative*
What is Webpack?
Webpack is a build tool that puts all of your assets, including Javascript, images, fonts, and CSS, in a dependency graph. Webpack lets you use require() in your source code to point to local files, like images, and decide how they're processed in your final Javascript bundle, like replacing the path with a URL pointing to a CDN.
Should I Use Webpack?
If you're building a complex Front End⢠application with many non-code static assets such as CSS, images, fonts, etc, then yes, Webpack will give you great benefits.
If your application is fairly small, and you don't have many static assets and you only need to build one Javascript file to serve to the client, then Webpack might be more overhead than you need.
via: http://blog.andrewray.me/webpack-when-to-use-and-why/
âBad programmers worry about the code. Good programmers worry about data structures and their relationships.â â Linus Torvalds, creator ofâŚ
bit long but worth to check if you want to understant data structures and their operators.

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch ⢠No registration required ⢠HD streaming
(JS) - Conversation #2
another lame question and another great lesson to learn on the FCC chat:
ME 23:55 some one pls can help me? What is the difference if you returning the array or to returning the method of the creation of the array?
arr.splice(0, howMany); return arr;
VS.
return arr.splice(0, howMany);
CODER#1 23:56 splice changes the array and returns it.
CODER#2 23:57 return arr.splice(0, howMany); - this will return you an array of the deleted items, if any. the first one will return you the modified array instead.
CODER#1 23:58
var arr=[1,2,3,4,5]; arr.splice(0,3); //[ 1, 2, 3 ] arr; //[ 4, 5 ]
By it I mean the deleted part.
cheatsheet for tha basic array methodes
Great road maps for the process of becomeing webdev. It looks hard but according the author of the map you don´t have to be an expert of all of these but have an idea about most of them (~75%) is enought.
source: https://github.com/kamranahmedse/developer-roadmap
(JS) - The ternary opreator  ?:
The ternary operator is an operator that takes three arguments. The first argument is a comparison argument, the second is the result upon a true comparison, and the third is the result upon a false comparison. If it helps you can think of the operatoras shortened way of writing an if-else statement.
An expression a ? b : c evaluates to b if the value of a is true, and otherwise to c.
condition ? expr1 : expr2. If the condition evaluates to true, the operator returns the value of expr1. Otherwise, it returns the value of expr2.
str.slice(0, num > 3 ? num - 3 : num)
(JS) - I had great conversation today about an FCC challenge
ME 10:12 hi, I am at the Confirm the Ending challenge end I use pretty simple code to solve and its work properly(returning with the right values in any given cases) but pretty sure there is some misunderstanding on my side cuz fcc not let me pass:
function confirmEnding(str, target) { var strEnd = str.substr(-1,1); if(strEnd == target){ Â return "True"; } return "False"; } confirmEnding("Bastian", "n");
CODER#1 10:13 You're almost there... But you need to take as many characters from the end of the string as target.length so your var strEnd = str.substr(-1,1); should really be var strEnd = str.substr(-target.length);
ME 10:14 thank You I was not sure if it s important but maybe I missunderstud the instruction, thanks
CODER#1 10:16 Here is a simpler alternative to your code
function confirmEnding(str, target) { return target === str.substr(-target.length); } confirmEnding("Bastian", "astian");
You don't need to store everything in a variable. In the beginning, sure. For understanding. But you will have to move to making code more concise sooner or later.
ME 10:21 thanks it s looks great, but I am not sure about (-target.lenght), what that eventually does? I never saw this before
CODER#1 10:22 It will take target.length which is a number. And you pass that number with - sign as a parameter to .substr
CODER#2 10:23 If you give a single negative number to slice, it starts the slice from that number backwards from the end to the end. "Hello".slice(-2) is lo
CODER#1 10:23 so .substr will take that many number of characters from the end of the string. such that
"AdamS".substr(-1) // S "AdamS".substr(-2) // mS "AdamS".substr(-3) // amS "AdamS".substr(-4) // damS "AdamS".substr(-5) // AdamS

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch ⢠No registration required ⢠HD streaming
(JS) - Nice acronym solution
var str   = "Java Script Object Notation"; var matches = str.match(/\b(\w)/g);  // ['J','S','O','N'] var acronym = matches.join('');  // JSON
(JS) - methods summaries
.map();
.reduce();
.filter();
.sort();
.reverse();
.concat();
.split();
makes Array from a String
.join();
makes String from a Array
.match();
The match() method searches a string for a match against a regular expression, and returns the matches, as an Array object.
toUpperCase()