Inspiration when coding

Sticky

“It’s through mistakes that you actually can grow. You have to get bad in order to get good.”

– Paula Scher

“It’s not at all important to get it right the first time. It’s vitally important to get it right the last time. ”

– Andrew Hunt and David Thomas

“I strive for two things in design: simplicity and clarity. Great design is born of those two things.”

-Lindon Leader

“If you know how to use a pencil to draw, you could draw anything. Now apply that to everything in life.”

– Justin Durban


Note to self:

Take one day at a time, finish what you started but don’t rush the learning process!


Stay motivated,

TechHamster

Accepting jQuery

Sticky

Wait a minute.

I thought vanilla JavaScript is all I needed to know.

What is this jQuery you speak of?

I don’t even like books and I literally just bought a textbook about plain JavaScript.

gsoc-javascript-test-4

“This is me in denial”

I remembered encountering my first $ sign about 2 weeks ago as I was working on my Random Quote Page. Never thought much about it (probably one of those codey/hacker things) until I had to figure out why other people’s projects were also filled with these mysterious dollar signs.  I was a total newbie and was a little bit irked that I had to learn another language just to make a simple quote generator.

But it wasn’t long until I fell in love and realized jQuery’s importance in developing my future projects. I tested it out with a simple button click to hide and show elements:

f

Before jQuery

d

After jQuery


jQuery is easy to learn!

Of course that’s not to say it is easy to master, but jQuery fundamentals were easier and more straightforward to learn than plain JavaScript. I’m not dissing vanilla JavaScript either- I owe a lot of my newfound knowledge to it. In fact, learning the basics of JavaScript first helped me understand how DOM manipulation works than if I just started learning jQuery right away. The if-then statements were a bit of a headache, but I was super pleased when everything started making sense. On the other hand, jQuery lets me select, change, and utilize AJAX to request and send data to servers. However, new developers should be careful not think of it as the be-all and end-all of JavaScript.

 

TL;DR:  Everyone should know how to use jQuery and vanilla JS!


Knowledge is Power France is Bacon,

TechHamster

The beauty of self-learning

Sticky
udemypic

“Introducing The Front-End Dev Wannabe Starter-Pack!”


Self-learning fueled by curiosity

Nowadays, anyone with access to the internet can easily learn and gain new knowledge about almost anything. Whether it be coding, photography, or weaving- there is surely a match for every individual out there!

The best part is that most of these resources are FREE or otherwise reasonably priced depending on the program. Plenty of websites, such as Udemy and Udacity, allows users to select a topic of their choice and watch mini-lectures/demonstrations to learn at their own pace.

A good example would be Colt Steele’s Udemy “Web Developer Bootcamp” course. While not exactly being as comprehensive as a full-blown bootcamp, Steele’s course does a great job teaching the basics of HTML/CSS/JS. In addition to that, the course also enables students to create several projects that can be used in their personal portfolios. As someone who started at FreeCodeCamp, this course definitely helped me fill in the gaps in some of the intermediate CSS/JS stuff. It also helps that the guy’s voice is generally likable in that his presentation style is lively and interactive.

Heck, for $10 bucks I’ll say this is one pretty good deal!

As of now, I’m about halfway through this course and at the same time working to recreate a Pong-like game with the help of another Udemy course.

(my secret desire to become a mini-game developer! but I can’t use Flash. Flash is dead)


Keep on Learning,

TechHamster

PS: I’m not affiliated with any of the services above- just a really appreciative self-learner

What is an API?

Sticky

Application Programming Interface (API) is a set of subroutine definitions, protocols, and tools for building application software”

-Wikipedia

Cool definition bro. Now what?

As a complete beginner in Front-End Development, I sometimes panic after seeing unfamiliar terms such as these. Not only do I have to understand the definition, but I also have to implement it in my future projects. So, there really was no way of escaping this learning process.

I’ll try to explain it in my own simple words:


APIs are program “libraries” that developers can use to make their own programs.

Say, you want to develop a simple weather app. You work on the HTML/CSS and it looks very pretty and all, but the necessary weather data is still missing. This data will not magically pop-up out of nowhere in JavaScript. I also don’t think setting up weather thermometers/barometers to collect this data would be practical for the up-and-coming developer. Therefore, we use….APIs!

meteosat-193760_640

“Need a weather app? Let me just collect the weather for today”

As I’ve mentioned before, APIs are libraries where developers can “borrow” information and functionality from pre-existing programs, such as Google Maps. For my first Local Weather Project, I utilized the APIXU Online World Weather API to get my weather data and IPinfo.io to get current geographic location information.

  1. Create an account to get your own API Key (a secret token specifically to identify the user)
  2. Use JSON in JavaScript to call the selected API by pasting its url and adding your own API Key to activate it
  3. Look at the API documentation and learn the various request commands that you’ll have to type to acquire the data that you need
  4. Store them in JS variables so they can be reused later on

For ExampleCurrent temperature in Fahrenheit can be requested by typing current.temp_f so for convenience one can store this into a variable called weatherF to avoid the hassle of typing out current.temp_f later on.

Well that’s all I can explain for now.


Peace out,

TechHamster

 

Finally Starting the Blog

Standard

I hesitated. I procrastinated. But lo and behold -my blog finally came to be!

wordpress-581849_640

“Ah. The oh-so popular, mystical WordPress platform”

I was trying to wait until I’ve mastered WordPress Theme Development to use my own theme, but oh well. The best way to start anything in life is to just DO IT!

It has only been two months since I started learning html/css/js, but I definitely learned a TON of information during that period. Whether it be from mistakes or tutorials, there is always something to learn and improve each day.

That’s what I hope to keep doing as I blog my weekly experiences here.


Peace out,

TechHamster