tech/webdev magazine

June 30, 2018

Github Stars !== Usage: React is still blowing Vue and Angular Away

Saturday, June 30, 2018 Teklinks

Last week there was a fairly momentous occurance in the JavaScript framework world: Vue.js passed React.js in the number of people who have 'starred' it on Github. Congratulations to @vuejs for surpassing React’s star count on GitHub! Seems like I almost captured a historical moment by accident.

Full article

A Comprehensive Guide to Flexbox Alignment

Saturday, June 30, 2018 Teklinks

Alignment is probably the most confusing aspect of flexbox. The flexbox layout module has a handful of alignment properties that behave differently under different circumstances, and when using them you might not necessarily understand what is happening or why.

Full article

Building a Music Streaming App using React Native

Saturday, June 30, 2018 Teklinks

React Native is a framework for building native apps using React and Javascript. In this post, I’ll walk through the process of building a music streaming similar to Spotify. What’s really cool is that the exact same code is going to work for both iOS and Android, and the apps are going to be 100 % native (no WebViews or anything).

Full article

Tips on React for large scale projects

Saturday, June 30, 2018 Teklinks

It’s been two years time that I’ve met React and immediately fell in love with it. The way that React works, as a declarative, not-so-large library created exclusively to build rich User Interfaces provides everything as necessary (plus a rich ecosystem with tons of add-ons).

Full article

June 29, 2018

Easy Document Signing with the Eversign Chrome Extension

Friday, June 29, 2018 Teklinks

A while back I wrote about Eversign, an awesome service that allows you and your clients or partners to digitally sign documents online.  If you've recently bought a house or did any other large purchases or agreements, you know how important the ability to reliably sign documents online is.

Full article

Using JavaScript modules on the web

Friday, June 29, 2018 Teklinks

JavaScript modules are now supported in all major browsers! This article explains how to use JS modules, how to deploy them responsibly, and how the Chrome team is working to make modules even better in the future.

Full article

June 28, 2018

How to build a news app with JavaScript and React Native

Thursday, June 28, 2018 Teklinks

Requirements for building the app: A basic understanding of the JavaScript language. Node.js, and react native. Libraries used: moment, react-native, react-native-elements. If you’re not familiar with these resources, don’t worry — they are quite easy to use.

Full article

Managing State in Angular Applications

Thursday, June 28, 2018 Teklinks

Victor Savkin is a co-founder of nrwl.io, providing Angular consulting to enterprise teams. He was previously on the Angular core team at Google, and built the dependency injection, change detection, forms, and router modules. Managing state is a hard problem.

Full article

The definitive guide to React Material

Thursday, June 28, 2018 Teklinks

Material Design is a design language that was first introduced by Google in 2014. It’s a visual language that makes use of grid-based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows.

Full article

June 26, 2018

Debugging Node Code in VS Code

Tuesday, June 26, 2018 Teklinks

Visual Studio Code has an amazing amount of functionality built in, including support for debugging applications. Although the functionality is there, it took me several tries to figure out how to get things configured to debug Node applications.

Full article

WiFi's tougher WPA3 security is ready

Tuesday, June 26, 2018 Teklinks

WiFi security is finally getting an upgrade after 14 years. The Wi-Fi Alliance has officially launched WPA3, the next-generation standard that promises to tackle many of the vulnerabilities that have persisted in wireless networking.

Full article

June 22, 2018

Google’s AR measurement app is coming to an Android Phone near you

Friday, June 22, 2018 Teklinks

Back at WWDC, Apple announced it was giving every iPhone a ruler in the form of an AR app called Measure. Now Google is firing back with an app also called Measure. Actually Google technically beat Apple to the punch. Measure has been available for a while on Tango devices (remember Tango?).

Full article

Zero to Deploy: Build A Documentation System with Vue and VuePress

Friday, June 22, 2018 Teklinks

Documentation is food for the developer’s soul, and too many times we find it arduous to build out a documentation system for projects. In this post, we shall be building out a static documentation website which is also a single page application using the Vue powered static site builder, VuePress.

Full article

June 21, 2018

Google PageSpeed Insights – Scoring 100/100 with WordPress

Thursday, June 21, 2018 Teklinks

Running speed tests with tools like Google PageSpeed Insights, WebPageTest, or KeyCDN’s site speed test are always a good way to help gauge your website’s performance. While these metrics can be very helpful it is also important to keep this data in perspective.

Full article

How to Install Windows 10 IoT Core on Raspberry Pi 3

Thursday, June 21, 2018 Teklinks

Windows 10 appears on a huge range of devices. Microsoft is also making strides with the Internet of Things (IoT), positioning the Windows 10 Internet of Things Core as a tiny-but-powerful version of their desktop environment. As such, you can take Windows 10 IoT Core for a test drive today.

Full article

June 20, 2018

End-to-end Tests that Don’t Suck with Puppeteer

Wednesday, June 20, 2018 Teklinks

Tests written to check software functionality can be grouped into a few categories. Some of the most popular categories include: This last group of tests is what we are talking about in this post. They are sometimes known as acceptance tests or functional tests.

Full article

Full Stack Error Handling with GraphQL and Apollo ?

Wednesday, June 20, 2018 Teklinks

Most GraphQL layers sit between the application frontend and a constellation of micro-services and data sources, which make them a focal point for error handling. Errors can range from bad user inputs to back-end bugs to rare network outages.

Full article

June 19, 2018

Smarter, Not Harder: How to Succeed at Work

Tuesday, June 19, 2018 Teklinks

We each have 96 energy blocks each day to spend however we'd like. Using this energy blocking system will ensure you're spending each block wisely to make the most progress on your most important goals.

Full article

Useful Git Tips and Commands

Tuesday, June 19, 2018 Teklinks

Git is an extremely powerful tool with a big and rich set of tools to help you maintain your projects. In this article, we are going to look at a couple of useful git tips and commands that I find useful in my daily life.

Full article

Real-Time Charts using Angular, D3, and Socket.IO

Tuesday, June 19, 2018 Teklinks

TL;DR: Charts create some of the most catchy sections on any business applications. A chart that updates in real time is even more catchy/useful and adds huge value for users. Here, you will see how to create real-time charts using Angular, D3, and Socket.IO.

Full article

June 18, 2018

A Taste of Angular Material Virtual Scroll

Monday, June 18, 2018 Teklinks

As a developer, you’ve probably had to implement a big list or table for your application using an infinite scroll technique. The problem with that is that so many elements in the DOM can cause slow initial rendering, laggy scrolling, and dirty checking on each one of them in the context of Angular can be expensive.

Full article

BEM For Beginners: Why You Need BEM

Monday, June 18, 2018 Teklinks

CSS styles isolation is the most frequent start point of the BEM usage. But this is the least that BEM can give you. BEM brings a system approach in your project and keeps it from the mess. BEM makes your code scalable and reusable, thus increasing productivity and facilitating teamwork.

Full article

June 17, 2018

Cypress: Write Automated Tests to Validate Web Applications

Sunday, June 17, 2018 Teklinks

TL;DR: This post is an introduction on using Cypress for writing browser-based automation tests for web applications. This tutorial uses a React application as an example to illustrate the testing framework, but you can apply the learnings to write integration tests for any web application.

Full article

June 16, 2018

Pros and cons of functional programming

Saturday, June 16, 2018 Teklinks

Originally I shared this translation to Syndicode blog. This article is the translation based on the original material by Irina Linnik. I decided that these thoughts and considerations she wrote about can be quite useful for the English-speaking audience.

Full article

June 15, 2018

Creating a Library in Angular 6

Friday, June 15, 2018 Teklinks

Angular 6 was just released. Many of the improvements were to the Angular CLI. The one I have really been looking forward to is the integration of the Angular CLI with ng-packagr to generate and build Angular libraries.

Full article

AI detects movement through walls using wireless signals

Friday, June 15, 2018 Teklinks

You don't need exotic radar, infrared or elaborate mesh networks to spot people through walls -- all you need are some easily detectable wireless signals and a dash of AI. Researchers at MIT CSAIL have developed a system (RF-Pose) that uses a neural network to teach RF-equipped devices to sense people's movement and postures behind obstacles.

Full article

GitHub VS GitLab

Friday, June 15, 2018 Teklinks

Software Engineers use version control repository management systems a lot. They have been a key component in the software development workflow. It makes life way easier to have one copy of an entire project up on a repository rather than each of your team member having individual copies you have to keep matching up to keep up with continuous integration.

Full article

June 14, 2018

Free Video Course on Reactive Programming in Angular

Thursday, June 14, 2018 Teklinks

Today I’d like to share with you something that I’ve been working on for some time – the first three episodes of my new video course. The course is dedicated to functional-reactive programming in Angular. There is a strong trend of adopting reactive programming in the front-end world.

Full article

June 13, 2018

Customize Payment Solutions with Enhanced API, Sample Code and SDKs

Wednesday, June 13, 2018 Teklinks

As developers build sites for merchants, we know that payment processing capabilities are important. But it’s not always easy to set up a payment solution that is not only reliable and secure, but also flexible and tailored to each merchant’s specific needs. That’s why Authorize.

Full article