>nth-CODEr>

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

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]

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

You can center the standalone buttons in modern browsers by following the CSS code example below.

#my_centered_buttons { display: flex; justify-content: center; }

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.

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

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.

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 ]

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.

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.

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

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