Skip to main content

Posts

Showing posts from August, 2018

JS: higher order function

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

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

Day 6.7, 8

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:

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: Completed 88 of 1408 coding challenges.

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

Day3: Override CSS

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

Day2

#Day2 of #100DaysOfChallenges #100DaysOfChallenges  Completed from 21st challenge to 49th challenge. #freeCodeCamp. #100DaysOfWriting Challenge Wrote an article for about an hour. #100DaysOfFitness Challenge Cycled 8.5km in 30min 10 min of Meditation. Day2: You have completed 49 of 1408 coding challenges. You have built 0 out of 30 projects. You have earned 0 out of 6 certifications. #100DaysOfCode — Vasant Patil (@vasantvp24) August 2, 2018

Day1

#Day1 of #100DaysOfCoding Challenge I have been into blogging since I was in class 8. My first blog was on Cheats and tricks of GTA Vice City. My domain(I am ashamed of it) was gtavicecitycheats-vasant.blogspot.com, I no longer have access to that account. I was a noob then. But, I learned a lot from choosing the domain to interacting with the readers. I had gained a lot of readers back then. You see; we didn't have Jio back then in 2008. It was real hard to get readers. Since then I have been tinkering around the web, built several sites and blogs. Now I have got the AdSense account approved. I waited long for it. Now, I want to do the things right. So I am starting with the basics. So I am starting the challenges from freeCodeCamp. On #Day1 of #100DaysOfCode Challenge completed 21 challenges. #Day1 : I have been tweaking and copying others code till date. I want to end my habit of looking for easy ways. #basics first, So I am starting with HTML on freeCodeCamp....

The Choice

The Choice. Image Source:  https://pxhere.com/en/photo/386895 In many aspects of our life, we don't have control. But it doesn't mean we don't have any control over our lives. Think, Do we have a control or not? Yes, We can choose some aspects. We can choose water over alcohol. For our sorrows. We can choose to stay happy. We can choose to do the best with what we have. We can choose to give lesser fucks about what others think. We can choose to stop nibbling at small things. Yes, I choose Freelancing/Enterprenurship over Job which paid well. This is my attempt to do the best with what I have. No one is weak, it's just that they don't know their strength. This is my choice to start the #100DaysOfCode Challenge. Follow me on twitter to know my progress. Twitter: @vasantvp24 I am a Mechanical Engineer who codes! I believe Mechanical Engineering along with coding gives me a unique edge. Along with #100DaysOfCode, I am working on #100DaysOfWriting and #100...