ROAD TO CODING

Centered div with calc() + backface-visibility + animation 1turn

We all love flexbox, also we need to create the flexible layout for our contents. I try combine the course  What is the flexbox?  by  Wes Bos and Sass features as well. Feel free to fork  my codepen and make more flexible this layout. I use such sass features: 1.variables. 2. index($list, $value) function  ,returns the position of a value within a list. 3. simple sass list, similar to array.   4. ‘@each‘ directive  Read this to great article about it Sass control directives Working with lists and @each loops in Sass

Videos: React for Beginners React Fundamentals Learning React - be Jet-man! 

see the  full code on codepen 

Pure JS function to determine if the properties of not  of any given  object.  The function takes two arguments : object name, object's property and use the .hasOwnProperty(propname) method of objects to determine if that object has the given property name. .hasOwnProperty() returns true or false if the property is found or not.

Nesting in Scss allows us create the clear DOM relationship on the code structure.  Scss: .dady{    color: blue;    .son{        font-size: 5rem;     } } Compile to CSS: .dady { color:blue; } .dady .son {font-size:5rem;} Another features of Scss nesting is Nesting Properties.  Scss: .dady { background: {         image: url(’custom url’);         size: cover;         repeat: no-repeat;     } } Compile to CSS: .dady {  background-image: url(’custom url’);  background-size: cover;  background-repeat: no-repeat; }

See the Pen 5 flex-box tips you should know. by Dmytro (@palaniichukdmytro) on CodePen

Free eBooks for Web Developers.

var arr = [5,34,545,44,4,3,8, -5, -1, -22]; var maxValueArr = arr.sort(function(a, b){return b-a}); document.write("Max value of array with <b>sort</b> method: " +  maxValueArr[0] + "</br>"); document.write("Max value of array with <b>max()</b> method: " + Math.max.apply(null, arr) + "</br>"); var minValueArr = arr.sort(function(a,b){return a - b}); document.write("Mix value of array with <b>sort</b> method: " + minValueArr[0] + "</br>"); document.write("Max value of array with <b>min()</b> method: " + Math.min.apply(null, arr) + "</br>"); //sum of all array's values var sumArrValue = 0; for(var i = 0; i < arr.length; i++){    sumArrValue += arr[i]; } document.write("Sum of all array's values: " + sumArrValue + "</br>"); // average value of array var avgArrValue = Math.round(sumArrValue / arr.length); document.write("Average array value: " + avgArrValue + "</br>"); //odd value of array document.write("Odd value of array: "); for(var x = 0; x < arr.length; x++){    var oddValue = arr[x] % 2 !== 0;    if(oddValue){        document.write( arr[x] + " ");    } }

Would you like to understand all geek JavaScript developers buzzwords?Just use simplified JavaScript jargon.  

var sum = function(a,b) {return a + b;} sum(2,2);