Day 66 of Cohort 2.0💡
Revised and Learnt some JS concepts which are required before learning ReactJS.
🎯 destructuring, spread, rest
🎯 Import & Export
🎯 ES modules
@sheryians_ @sarthacksharma #100DaysOfCode #javascriptlearning #cohort2
MacOS using HTML, CSS & JS 🚀
Built some simple features:
🎯 Right-click menu
🎯 App modal
🎯 Folder highlight
More features to be added…
Live Link - sourav403030.github.io/MacOS…
@sheryians_ @harshbhaiyaa
#100DaysOfCode #javascriptlearning #cohort2
Day 62 of Cohort 2.0💡
Dived into Error Handling in detail in JS.
🎯 Types of Errors
🎯 try-catch-finally
🎯 Error object
🎯 Create custom errors in JS.
@sheryians_ @harshbhaiyaa #100DaysOfCode #javascriptlearning #cohort2
Day 57 of Cohort 2.0💡
Explored more topics in OOPS.
🎯 call()
🎯 apply()
🎯 bind()
The above topics were taught in detail by @harshbhaiyaa
@sheryians_ #100DaysOfCode #javascriptLearning
#cohort2
Day 43 of Cohort 2.0💡
Today's session by @ankurdotio learnt how to implement the matrix effect.
Also learnt some advance CSS properties.
🎯 Box-shadow
🎯 Text-shadow
🎯 keyframes
🎯 conic-gradient
@sheryians_ #100DaysOfCode #javascriptlearning #cohort2
8️⃣ Takeaway
Even a few lines of code can create something interactive.
Check it out here: mypalindrome-checker.netlify…
Lfg🔥
#javascriptlearning #FrontendDev
Day 40 of Cohort 2.0💡
The session was all about creating the scrolling feature of Instagram reels UI.
Reels section was made with dynamic data.
@sarthacksharma @sheryians_ #100DaysOfCode
#javascriptlearning #cohort2
FINALLY I CAN REST 😭
Finished my JavaScrpt password generator app🫠
Link : zpassword-gen.netlify.app
#javascriptlearning
Day 39 of Cohort 2.0💡
Explored more events in DOM
🎯 mousemove()
🎯 mouseenter()
🎯 mouseleave()
🎯 keydown()
🎯 keyup()
Also created a online piano project to get hands on practise with these events.
@sheryians_ @sarthacksharma #100DaysOfCode #javascriptlearning #cohort2
Day 95/100🔥#100DaysOfCode
5 days left.
Today was about consolidating the fundamental loop of front-end engineering: Fetch remote data, parse it, and render it to the DOM. This is the very core of building a dynamic web application.
#buildinginpublic #javascriptlearning #web
ALT A split-screen view of front-end development. The left pane shows a JavaScript file with an async function, fetchData, using await to get user data from the JSONPlaceholder API. A second function, renderData, iterates through the fetched data with forEach and dynamically creates and appends DOM elements to display the user names. The right pane shows the browser output: a simple webpage with a vertical list of the fetched names.
✨ Wrapped up today’s DSA session on conditionals and switch case.
@sheryians_ @harshbhaiyaa @sarthacksharma
#DSA #javascriptlearning #ProblemSolving #LearningJourney #CodingJourney
Day 38 of Cohort 2.0💡
🎯 Learnt how to render real data on the frontend using JSON instead of hard-coded value.
🎯 Feels great to finally connect UI with actual dynamic data.
@sheryians_ @sarthacksharma #100daysofcodingchallenge #cohort2 #javascriptlearning
Day 37 of Cohort 2.0💡
Created a small task similar to like feature of Instagram using DOM in JS. Each task helps me to level up my skills.
Learning with @sheryians_ & @sarthacksharma
#100DaysOfCode #javascriptlearning #cohort2
Speed round:
React or Vue?
TypeScript or JavaScript?
Tailwind or CSS?
VSCode or other?
Reply with your 4 answers. #react #javascriptlearning #JavaScript
Day 36 of Cohort 2.0💡
Learnt in detail about setTimeout() and setInterval() in JS.
Also completed a small task to understand the working of those concepts - A Download Simulator.
@sarthacksharma @sheryians_ #100DaysOfCode #cohort2 #javascriptlearning
💫 Dived into setTimeout() and setInterval(), and even saw a small demo project that made everything super clear at @sheryians_ by @sarthacksharma .
Async concepts finally feel easy.
@harshbhaiyaa @Stwkraj
#DOM #javascriptlearning #CodingJourney #Coding
🚀 Practicing DOM manipulation with a "Floating Image" effect.
Images reveal and track the mouse movement. Inspired by a great tutorial from @sheryians_ .
👉 Link - karthik-j-nair.github.io/js-…
@harshbhaiyaa @sarthacksharma @Stwkraj
#javascriptlearning #DOM #HTML #CSS
Day 35 of Cohort 2.0💡
Just learnt more topics related to DOM and completed a small task using it.
🎯 createElement()
🎯 appendChild()
@sarthacksharma @sheryians_ #100DaysOfCode
#javascriptlearning #cohort2
Solving some basic js question on @hackerrank
. Day-0 Hello World
. Day-0 Data Type
understanding function concept parameters, arguments
#javascriptlearning #WebDevelopment #HackerRank #CodingJourney
Day 34 of Cohort 2.0💡
Today's session was all about Math Object in JS. Completed a mini-project to understand it in detail.
🎯 Math.random()
🎯 Math.floor()
🎯 Math.round()
🎯 Math.ceil()
@sarthacksharma @sheryians_ #100DaysOfCode #javascriptlearning #cohort2
