tech/webdev magazine

January 31, 2019

Common CSS Issues For Front-End Projects

Thursday, January 31, 2019 Teklinks No comments

When implementing a user interface in a browser, it’s good to minimize those differences and issues wherever you can, so that the UI is predictable. Keeping track of all of those differences is hard, so I’ve put together a list of common issues, with their solutions, as a handy reference guide for when you’re working on a new project.

Full article

How to define a highly scalable folder structure for your Angular project

Thursday, January 31, 2019 Teklinks No comments

Finding a suitable folder structure for my Angular applications is something I’ve struggled with for a long time. This became a real issue in my first ever real-world Angular project — especially when the application grew in size. I ended up continuously adding new features with no real structure in place.

Full article

Functional Programming Fundamentals

Thursday, January 31, 2019 Teklinks No comments

In the past few years, React and Redux have generated a surge of Functional Programming which we often take for granted. However many of us never got a chance to learn the fundamentals. In this post, we’ll cover the fundamentals of Functional Programming and how they apply to modern JavaScript.

Full article

Advanced caching with RxJS

Thursday, January 31, 2019 Teklinks No comments

When building web applications, performance should always be a top priority. There are many things we can do to speed up our Angular applications like tree-shaking, AoT (ahead-of-time compilation), lazy loading modules or caching. To get an overview of practices that will help you boost the performance of your Angular applications, we highly recommend you to check out the Angular Performance Checklist by Minko Gechev. In this post we focus on caching.

Full article

January 30, 2019

The TypeScript Tax

Wednesday, January 30, 2019 Teklinks No comments

TypeScript grew a great deal between 2017 and 2019, and in many ways, for good reason. There’s a lot to love about TypeScript. In the 2018 State of JavaScript survey, almost half the respondents said they’d tried TypeScript and would use it again.

Full article

January 29, 2019

January 27, 2019

Material Dashboard Using Angular 6

Sunday, January 27, 2019 Teklinks No comments

Recently, Angular released its latest version, Angular 6.0. In the latest version, they have focused more on the toolchain, which provides us with a way to quick start our tasks easier, as well as some synchronized versions, such as Angular/core, Angular/compiler, etc.

Full article

Angular Runtime Performance Guide

Sunday, January 27, 2019 Teklinks No comments

Smooth, highly-responsive interfaces increase users’ confidence in an application and create an overall positive experience. Whereas small applications with simple interactions are built without a focus on runtime performance, standard approaches sometimes do not scale well as the data size or feature complexity increases.

Full article

January 25, 2019

Getting Started with Nest.js

Friday, January 25, 2019 Teklinks No comments

If you have ever worked on a Node.js application before, either built a REST API or an enterprise application, you must have realised how tedious and daunting it was to maintain, especially whenever the application start to scale.

Full article

Top 10 Podcasts for Web Developers

Friday, January 25, 2019 Teklinks No comments

A Web Developer's need to learn never ends, so what better way to take in the latest technologies than listening to a podcast?! You can listen while you drive, clean the house, take a shower (no judgements...you do you!), or anything else.

Full article

January 24, 2019

The Complete Guide to SCSS/SASS

Thursday, January 24, 2019 Teklinks No comments

In this tutorial Sassy, Sass and SCSS will refer to roughly the same thing. Conceptually, there isn’t much difference. You will learn the difference as you learn more, but basically SCSS is the one most people use now.

Full article

January 23, 2019

Why GraphQL is Taking Over APIs

Wednesday, January 23, 2019 Teklinks No comments

A few years ago, I managed a team at DocuSign that was tasked with re-writing the main DocuSign web app which was used by tens of millions of users. The APIs didn’t exist yet to support our new shiny front-end app because since the beginning the web app was a .NET monolith.

Full article

January 22, 2019

January 21, 2019

How To Learn JavaScript

Monday, January 21, 2019 Teklinks No comments

In today’s day and age, coding is becoming more popular than ever. It’s not uncommon for people to quit their jobs, learn coding, and get a front-end development position as a second career. Front-end development is such an attractive career for many reasons: high-demand, large salaries, and anyone can learn how to code for free (or a small amount of money) on the Internet.

Full article

January 20, 2019

Browser Rendering Optimizations for Frontend Development

Sunday, January 20, 2019 Teklinks No comments

We live in an age where the importance of delivering web services at optimal speed can't be overemphasized. As the payload transmitted by web applications increase, developers must adopt best practices to ensure that data packets are delivered almost instantaneously, hence providing users with an overall exemplary experience.

Full article

January 19, 2019

mkcert: valid HTTPS certificates for localhost

Saturday, January 19, 2019 Teklinks No comments

The web is moving to HTTPS, preventing network attackers from observing or injecting page contents. But HTTPS needs TLS certificates, and while deployment is increasingly a solved issue thanks to the ACME protocol and Let's Encrypt, development still mostly ends up happening over HTTP because no one can get an universally valid certificate for localhost.

Full article

January 16, 2019

Super Simple GraphQL with Node

Wednesday, January 16, 2019 Teklinks No comments

GraphQL is a specification and therefore language agnostic. When it comes GraphQL development with node, there are various options available ranging from graphql-js, express-graphql to apollo-server.

Full article

The React Handbook

Wednesday, January 16, 2019 Teklinks No comments

I hope this book has helped you get started with React, and maybe it gave you a head start in exploring some of the most advanced aspects of React programming. That’s my hope, at least.

Full article

January 15, 2019

BEM will make you happy

Tuesday, January 15, 2019 Teklinks No comments

BEM (which stands for Block-Element-Modifier) is a standard in the world of CSS and is immensely useful for writing CSS that is easier to read, understand and scale. 1- Block: the most external parent element of the component is defined as the block.

Full article

January 14, 2019

Github is Now Free and That’s Great

Monday, January 14, 2019 Teklinks No comments

Microsoft announced a change in GitHub pricing today, and it’s great for anyone learning to code. In the past, GitHub charged $7 a month for a private repository. But now those are free if you have three collaborators or fewer.

Full article

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

Monday, January 14, 2019 Teklinks No comments

Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering? Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers?

Full article

January 11, 2019

An Introduction to the Kubernetes

Friday, January 11, 2019 Teklinks No comments

In this article, my goal is to get purpose of Kubernetes, to understand philosophy. If i need to tell a little bit, The all ways lead the dependencies. Imagine that, you've a software project. All classes are depend on each other. At this point, Dependency Injection might be solution well.

Full article

5 Hottest VS Code Themes To Use in 2019

Friday, January 11, 2019 Teklinks No comments

Visual Studio Code is incredibly easy to customize, including adding some awesome looking themes. Themes can give your editor a lot of personality and make it more fun to work with. Let's take a look at some of the hottest themes to use in 2019!

Full article

Sass Techniques from the Trenches

Friday, January 11, 2019 Teklinks No comments

Twitter Facebook Reddit The power of the ampersand Variables and scoping The importance of imports Mixin' it up Getting functional The selector order that placeholders mess up It’s relatively DRY It supports the "opt-in" approach, which keeps modifiers with the elements they modify Naming stuff i

Full article

January 10, 2019

Angular quicklink Preloading Strategy

Thursday, January 10, 2019 Teklinks No comments

A few months ago I posted an article about Guess.js. Guess.js is a powerful library for predictive prefetching of JavaScript based on analytics data for a website. The library consumes reports from an analytics source (by default Google Analytics) and builds a basic machine learning model.

Full article

Level Up Your GitHub Experience with Chrome Extensions

Thursday, January 10, 2019 Teklinks No comments

If you do any work in open source, you probably live for GitHub. With all the time you spend using it, you can improve your experience by leveraging a variety of browser extensions. The following is a rundown of my favorite GitHub extensions on my preferred browser, Google Chrome.

Full article

January 9, 2019

Learn JavaScript in 2019

Wednesday, January 09, 2019 Teklinks No comments

There’s never been a better time to be a programmer. Technology isn’t slowing down. Neither will the demand for innovative solutions to solve new challenges or take advantage of new opportunities. The key differentiation in the marketplace is often the one with the better technology.

Full article

6 Popular CSS Frameworks to Use in 2019

Wednesday, January 09, 2019 Teklinks No comments

Creating consistent, concise, and effective CSS can be quite a lot of work. There are so many things to consider like responsiveness, accessibility, and structure. This is exactly why CSS Frameworks exist, to take that burden off of you! Let's take a look at some of the top CSS Frameworks of 2019.

Full article

January 7, 2019

Stop Learning Frameworks

Monday, January 07, 2019 Teklinks No comments

We are developers. We need to stay up to date with technology. Every day, we learn programming languages, frameworks, and libraries. The more modern tools we know — the better. Keeping up to date with Angular, React, Vue, Riot, Ember, Knockout is fun.

Full article