Vasant Speaks

Day1:  Read Vasant Patil 's answer to How do I improve my Adsense revenue having 72 posts in my blogspot blog? on Quora

const realNumberArray = [ 4 , 5.6 , - 9.8 , 3.14 , 42 , 6 , 8.34 ]; const squareList = (arr) => { "use strict" ; // change code below this line const squaredIntegers = arr.filter(num => num > 0 && num% 2 == 0 ).map( num => num * num); // change code above this line return squaredIntegers; }; // test your code const squaredIntegers = squareList(realNumberArray); console.log(squaredIntegers); https://learn.freecodecam https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/write-higher-order-arrow-functions/ p.org/javascript-algorithms-and-data-structures/es6/write-higher-order-arrow-functions/

Basic JavaScript: Record Collection https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-javascript/record-collection/ // Setup var collection = { "2548" : { "album" : "Slippery When Wet" , "artist" : "Bon Jovi" , "tracks" : [ "Let It Rock" , "You Give Love a Bad Name" ] }, "2468" : { "album" : "1999" , "artist" : "Prince" , "tracks" : [ "1999" , "Little Red Corvette" ] }, "1245" : { "artist" : "Robert Palmer" , "tracks" : [ ] }, "5439" : { "album" : "ABBA Gold" } }; // Keep a copy of the collection for tests var collectionCopy = JSON.parse(JS...

Day6,7 and 8 of #100DaysOfCode  #Day6 My first CSS animation: https://t.co/G64mHnP9XQ Completed 122 of 1408 coding challenges on freeCodeCamp. Tomorrow will be playing with CSS animations. #100DaysOfCode — Vasant Patil (@vasantvp24) August 6, 2018 D7: Working on a single page responsive site. Will share the code on completion. #100DaysOfCode pic.twitter.com/OCU2Nq8I27 — Vasant Patil (@vasantvp24) August 7, 2018 R1D8 #Day8 #100DaysOfCode Worked on the showcase image and to center the text contained in it. Also, Completed Applied Accessibility @freeCodeCamp #CodeNewbie pic.twitter.com/IPupn4laGO — Vasant Patil (@vasantvp24) August 8, 2018 #100DaysOfFitness   Day 8: Best thing about cycling is you can enjoy the nature. #MonsoonSeason #Cycling #100daysoffitness #Hubli pic.twitter.com/DrxstaAtmm — Vasant Patil (@vasantvp24) August 8, 2018 Day7 #100DaysOfFitness #Cycling #Hubli pic.twitter.com/6DIL82bOgS — Vasant Patil (@...

Day5 #100DaysOfCode Applied Visual Design: Change an Element's Relative Position Property Position: Position: Relative; p {   position: relative;   bottom: 10px; } Position: Absolute; The next option for the CSS position property is absolute, which locks the element in place relative to its parent container. Unlike the relative position, this removes the element from the normal flow of the document, so surrounding items ignore it. The CSS offset properties (top or bottom and left or right) are used to adjust the position. Position: fixed; Property float: float: left; float: right... Property z-index; When elements are positioned to overlap, the element coming later in the HTML markup will, by default, appear on the top of the other elements. However, the z-indexproperty can specify the order of how elements are stacked on top of one another. It must be an integer (i.e. a whole number and not a decimal), and higher values for the z-indexprope...

Day4: #100DaysOfCode Challenge Worked on creating custom CSS Variables and pseudo Selectors. Till Day4: Completed Basic HTML and Basic CSS on freeCodeCamp. Now working on Applied Visual Design. #100DaysOfFitness Challenge: Day4: Today was the day of pushing my limits. Cycled 5 km more than yesterday.  Total Distance: 14.1 km Max-Speed: 38.9 kmph Average Speed: 16.4 kmph Elevation: 165m Total Time: 51min

Day 3 of #100DaysOfCode Challenge Basic CSS: Override Styles in Subsequent CSS Example 1: <style> body { background-color: black; font-family: monospace; color: green; } .pink-text { color: pink; } .blue-text { color: blue; } </style> <h1 class="pink-text blue-text">Hello World!</h1> <!-- OR --> <h1 class="blue-text pink-text">Hello World!</h1> OutPut: No matter blue-text pink-tex or pink-text blue-text, the output is the same. The .blue-text is declared later, and it will override the .pink-text. Example 2: Now adding an id selector to example 1 and declaring it to <h1> Rest of the code remains the same. #orange-text { color: orange; } <h1 class="pink-text blue-text" id="orange-text">Hello World!</h1> Override Class Declarations with Inline Styles The inline CSS overrides class and id tags.  Override All Other Styles by us...