Skip to main content

Posts

Showing posts from June, 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

How to literally say "Hello World" in node.js (text to speech - Javascript).

We will be building a simple "Hello World" for newbies/noobies who wants to be different and have swag 😎. We will make our own computer literally say "Hello World". Yes you'll hear them speak those words or anything you would like to type like: "I wanna kick my boss/teacher, [his name]", once in a while please be honest with your feelings. Kidding aside, we will just be needing 2 lines for this program to work. Btw if you want the more in depth version of this tutorial then checkout this youtube video:  And here are the tools that we need: NodeJS Say  (A third party library in node) and one last thing: Your brain 😉 First, let's create a project folder and a file named index.js . Then open a cmd on that folder and type the command: npm init Enter the details it needs or just press enter till a file named package.json is created. After that we continue by installing the Say library.  npm i --save say Remember: In most cases, in coding you don'

CodePen + Flutter: Best ever for blogs and embeds

Just found it during the flutter day this week and was so happy I could share it that we could code flutter on code pen now and embed it on blogs. For sure the learning curve of noobies will increase with this as creators like me can just embed the flutter app for the given tutorial.  And what's more interesting? During the #FlutterDay livestream a guy created pens to showcase the Flutter + Codepen and the coolest part is he ( Mariano Zorilla ), created a copy of slack, spotify and other popular apps for us to see and study.  So without further ado here are some flutter apps that Mariano Zorilla made for the Flutter + CodePen. (Let me use this feature hehe). Spotify Clone See the Pen Spotify Clone by Mariano Zorrilla ( @mkiisoft ) on CodePen . WhatsApp Clone See the Pen WhatsApp Clone by Mariano Zorrilla ( @mkiisoft ) on CodePen . Twitter Clone See the Pen Twitter Clone by Mariano Zorrilla ( @mkiisoft ) on CodePen . and her

Flutter: How to create an error alert or popup notification with SnackBar

There are 3rd party libraries out there that offer alerts or popups in Flutter. But, what I'll be teaching you today is how to use the built in SnackBar widget to produce an error popup or notification easily. For the video version of the tutorial go here:  How to use snackbar in flutter as error alert or popup notification To use the SnackBar widget and make a nice Snack Bar that you see in most google apps like youtube, all you need to do is wrap your entire app with the Scaffold Widget. So let's make create a new file page_wrapper.dart and create a new Widget named PageWrapper that accepts a widget as children. After that all we need to do is call the PageWrapper widget in all of our pages so that we have a base widget that uses the Scaffold in every page. This means we can now use the SnackBar on every page. In the main.dart all you need to do is this: Then now we can create the home page and create a snackbar. Before that we need a trigger

Coding Tips: How to Fix Bugs Easier and Faster (Things I've learned as a full stack web developer for 3 years)

Here's some coding tips for y'all... Imagine you got hundreds of bugs and each bugs cost you an hour or two to fix. And you don't need to be a mathematician to say you'll waste hundreds of hours just fixing bugs.  Before anything else let's first breakdown why it takes time. Reasons may include:  You forgot how the code works cause you code it a long time ago It's a first time that you experience this kind of bug and you don't know the cause You don't know what's causing the error and what line of code You need to change a lot of codes and it's scattered in different files. Syntax errors Logic Errors or change in business logic That's a headache right? or right? Of course it is... And as a noobie programmer I'm here to help a fellow noobie. So what do you do to fix bugs easier and faster?  It's simple there are two types of things you need to do or change in your coding style. First let's group the reasons in to two groups. First

Lodash - The best 3rd party library for react and javascript developers

Hello again my dear noobies, After some years of using the React framework, I finally feel like I need to say this especially to those newbies out there in the javascript language or React framework. Tired with those messy looking codes while looping on an array? Or maybe you want to get the sum of the list? Or maybe you want to convert the list of object into a list of components? You may have lots of problems and spaghetti codes but worry no more. The  lodash library is here to save your day. Loops Before anything else let's start with loops, afterall, everyone else uses loops here. For example we have an array named data where it's value is a list of object with properties name and age. const data = [     {"name": "Zack", age: 36},     {"name": "Ashley": age: 12} ] and imagine we want to print all name... Codes like these: for (let i = 0; i < data.length; i++) {      let d = data[i];      console.log(d.name); } Can be converted to

How to destroy node.js in 60 seconds with deno.js (Javascript runtimes)

How to destroy node.js in 60 seconds with deno.js Hello guys, Noobie programmer here!!! Today I will teach you how to destroy node.js in 60 seconds with deno.js which is another Javascript runtime (though you can use Typescript in it. And also, a little trivia before we start: DENO is short fo DEstroy NOde hence the name. If you want the video version it is here: https://youtu.be/tG9EMTlE-Uk Install Deno First and foremost let's go to the website of the deno.js:  https://deno.land/  . We need to install deno first and it's written in the website see the code below. For mac/ubuntu users:  curl -fsSL https://deno.land/x/install/install.sh | sh For window users: open a powershell and type the code below: iwr https://deno.land/x/install/install.ps1 -useb | iex Destroy node Let's start by running this one line of code: deno run https://deno.land/std/examples/welcome.ts As you can see with deno we can run scripts saved on a remote location and this is a very big plus since we don