Skip to main content

Posts

Showing posts from September, 2020

My last day of work and hoping it's a beginning of something new

It was my last day of work and I'm happy I finished my remaining tasks on time. And now, it's time for me to move on to my next journey. The only reason I took the job was for me to get enough experience to build my own app. So I already planned it that I will quit my job after 3 years since I signed the 3-year bond contract.  Didn't know that it was tough having one source of income but I think I'm good since I'm still living with my parents... There are times that I compare my income and life to my coworkers, same age brackets and shit... which resulted for me to lose my focus and my mind shifted a lot of times, and I think it's a waste of time to repeat it again. But... at the end of the day... I'm just too lazy I guess and I think that a day job is not suited for me. I'm more of the build one app and make it rain type of guy... Don't even know what to do now!!! I guess I'll try playing stocks and multiplying my money while trying to build my

ReactJS: How to create a toggle show/hide in less than 30 seconds

ReactJS: how to create a toggle show/hide in less than 30 seconds | Noobie Programmer Since I've been trying to compare vanilla javascript, jquery and reactjs on which is the easiest to use. I made a simple program on how to hide/show a simple div by clicking a button in each ways. ReactJS vs Javascript vs JQuery Here is the javascript: See the Pen Toggle hide class name using vanilla javascript by Noobie Programmer ( @noobieprogrammer ) on CodePen . Here is the jquery: See the Pen bGpMyyp by Noobie Programmer ( @noobieprogrammer ) on CodePen . And, most especially using ReactJS: See the Pen ReactJS: create a toggle in less than 30 seconds by Noobie Programmer ( @noobieprogrammer ) on CodePen . Code So since my favorite is react let's break down the code one by one. And then later on you'll realize it is so easy to create a toggle or use any condition with react. Of course before anything els

What is the DOM and how does it work?

     I've been asked to teach about the DOM... but first and foremost what is the DOM ? Is it when you are angry and you say DOMmit!!! hehe Or Is it your friend DOMinick??? Well kidding aside, the DOM just stands for Document Object Model (đŸ˜…Sorry for joking but please continue reading the article - there are javascript examples below in codepen ). Browser is taking the HTML sent from the server and converting it to the DOM. so the browser is based on the DOM and not on the html and everytime we edit the dom using javascript it gets reflected on the screen. Is the browser's internal programmatic representation of the web page. Which basically means one thing, you can manipulate the web page using the dom. and how do we do it? of course by using our favorite language, JAVASCRIPT! Since the dom is more or less an object in javascript, it contains several function to access, modify and delete certain elements. If you are familiar with jquery and thi