Techformist

Typing Javascript

📅 Nov 16, 2018 · 📝 Jun 9, 2020 · ☕ 3 min read

This one thing I never said ever - “once you type, you cannot un-type”. Yep, I make up words and compete on how to level up in my eating my own words. Even if I allegedly uttered those words (which are totally unoriginal anyway), I happily don’t abide by them. I continue to use Javascript without types with all fervour (and have had a stint with typeless / loosely-typed scripting languages).

The v-model Magic

📅 Nov 15, 2018 · 📝 Jun 9, 2020 · ☕ 2 min read

In a previous post, we saw the power of bindings in Vue. v-model is a powerful way to bind variables and UI rendering in Vue. Let us look at a bit more of v-model in this post. Remind me what is v-model about? In its simplest form.. 1 <input type="text" v-model="myName" label="Your name:"> .

Vue Reactivity and Binding

📅 Nov 14, 2018 · 📝 Jun 9, 2020 · ☕ 4 min read

The power of Vue is in making reactive components child’s play. Well, that is true if the child in question is a 8-year old nephew who knows the basics of Javascript - you know what I mean. Consider an example that I have used before - 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 <template> <div class="hello"> <h1>{{ msg }}</h1> <p> <button @click="sayHello">Hello</button> <span v-if="showHello"> World!

Switch from if/else hell

📅 Nov 13, 2018 · 📝 Apr 30, 2020 · ☕ 4 min read

Imagine you are in need of a complex if/then routine. No, not the below.. 1 2 3 const smart = true; if (smart) console.log("I am smart"); else console.log("I am not so smart"); .. but more of.. 1 2 3 4 5 6 7 8 9 10 11 12 13 function sum(a, b) { let smartMessage; if (a + b <= 0) smartMessage = "Negative numbers are not known and cannot be computed.

Reverse a String in Javascript

📅 Nov 12, 2018 · 📝 Jun 9, 2020 · ☕ 2 min read

Oh.. why? Why should we work on theoritical algo problems when we could develop the next Instagram or Salesforce.com? Because, son - you have to learn the different paths to glory. Why take the longer path when it can be shorter? That aside: let us look at multiple ways of reversing a string in Javascript.

Should you use ternary operator?

📅 Nov 11, 2018 · 📝 Jun 9, 2020 · ☕ 2 min read

Yes. Now, go back to work.. may be? What the heck is this? I am sure you used something called if/else? const sum = a + b; let result; if (sum > 100) result = "too high"; else result = "just right"; Instead of the “elaborate” syntax, we can just shorthand it.

Vue Program Structure - Objects & Functions

📅 Nov 10, 2018 · 📝 Jun 9, 2020 · ☕ 4 min read

Vue provides what are called ‘Single File Components’ (SFC) that make the development process easier. Completely new to Vue? Head over to another post and get to know Vue. One of the big advantages of Vue is the fact that it can be deployed in multiple ways in your app. You can link Vue CDN link and just start using it for simple purposes, or use the full scale development environment setup by Vue CLI.

Test SMTP from Windows Command Line

📅 Nov 9, 2018 · 📝 Jun 9, 2020 · ☕ 1 min read

The first thing you want to do when you setup SMTP server is to test it. (yep, I consider myself smart). When the SMTP server setup was ‘once in a blue moon’ process, I could afford to just set up the client through the local Outlook or any other mail client, through Gmail and such.

The Rapid Vue Learning Plan

📅 Nov 8, 2018 · 📝 Jun 9, 2020 · ☕ 2 min read

The advise that has been belted out fairly often for budding front-end developers - Learn HTML Learn the fundamentals of Javascript Push yourself through styling Know how to create APIs - REST, GraphQL Go deep with design patterns, test automation, build tools, and so on I beg to differ.

Get to Know Vue

📅 Nov 7, 2018 · 📝 Jun 9, 2020 · ☕ 3 min read

Ok, I admit. Amongst the tens of frameworks that I have used and hundreds that I said ‘hello’ in, I have come to love Vue more than I would like to admit. Vue has made my life easier. IMO a beginner to Javascript (but who is experienced with programming) should pick up Vue over anything else that exists today.

Javascript Frontend Frameworks - A Quick Glance

📅 Nov 6, 2018 · 📝 Jun 9, 2020 · ☕ 3 min read

Frameworks in Javasripts make your life easy. A Javascript frontend framework encapsulates libraries, code structure, tools and utilities. What a framework contains is left to the philosophy of that framework and the community built around the framework. Javascript world today has numerous frameworks that are company or community maintained. We will delve further in that topic, but first.

Fish - Super Shell for Windows

📅 Nov 5, 2018 · 📝 Jun 9, 2020 · ☕ 2 min read

I have been a Powershell user since it was released in Windows 10. But, I had been switching between Powershell and Linux Bash - just so I can. Fish changed the world for me. It is unbelievable that I did not quite know Fish until late of Y2018. One of the positives of seeing a lot of developer videos is learning how other developers work.

Rich Text Editor Control for VueJS

📅 Nov 4, 2018 · 📝 Jun 9, 2020 · ☕ 2 min read

I have been associated with the development of a couple of data-driven applications. One of the common requirements is for a few fields to have a ‘rich text’ control. Rich text allows the user to - Format text - paragraphs, colours, font-types etc. Include media like images and videos Rich text fields also find usage in report design (a story for another day).