Front-end

Showing 19-27 of 92 results
EngineeringIcon ChevronTechnology

Exploring SMACSS: Scalable and Modular Architecture for CSS

by Slobodan Gajic

CSS is notorious for getting messy quickly as a website scales. While frameworks like Bootstrap can help, SMACSS takes a different approach, as a set of solid organizational guidelines. In this article, Toptal Freelance Front-end Developer Slobodan Gajic gives us a run-down of the idea and benefits behind Jonathan Snook's architectural wisdom.

8 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Creating Server-side Rendered Vue.js Apps Using Nuxt.js

by Ben Jones

When using a JavaScript framework, your browser doesn't receive a complete page to display. Instead it gets a bunch of pieces and instructions of how to put them all together. It takes a substantial amount of time to put all this information together before your browser actually has something to display. In this article, Toptal Freelance Front-end Engineer Ben Jones introduces us to Nuxt.js, a server-side rendering library for Vue.js, inspired by the popular Next.js for React.js.

21 minute readContinue Reading
EngineeringIcon ChevronBack-end

One-click Login with Blockchain: A MetaMask Tutorial

by Amaury Martiny

Online users are becoming increasingly resistant to traditional email/password registration processes. One-click social logins via Facebook, Google, or GitHub are better, but they come with data privacy trade-offs. This article introduces a one-click, cryptographically-secure login flow using MetaMask, with all data stored on the app's own back-end.

13 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

An Angular 5 Tutorial: Step by Step Guide to Your First Angular 5 App

by Sergey Moiseev

Angular 5 is a new version of the Angular framework developed by Google. Angular 5 comes with improvements including optimized builds and faster compile times, but in this Angular 5 tutorial, we are going to build a notes app from scratch. If you’ve been waiting to learn Angular 5, this tutorial is for you.

25+ minute readContinue Reading
EngineeringIcon ChevronBack-end

Asynchronous JavaScript: From Callback Hell to Async and Await

by Demir Selmanovic

Asynchronous programming used to be a challenge even for seasoned professionals, leading to aptly named phenomena like Callback Hell. In this article, Toptal JavaScript Developer Demir Selmanovic explains how async functions took us out of purgatory and why you should be using them.

5 minute readContinue Reading
EngineeringIcon ChevronTechnology

Front-end Frameworks: Solutions or Bloated Problems?

by Juan Carlos Arias Ambriz

Modern front-end frameworks constantly require you to download an entire development environment, complete with dependencies, and compile your code before even trying to view it on your browser. Is this something good? Is it the problem we are building more complex sites, or the frameworks are complex on their on own and they introduce an unnecessary level of complexity.

14 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Getting Started with the Elm Programming Language

by Vuk Djapic

Elm is a purely functional, strongly typed, reactive, and event-driven web client language. It takes a step back from the norms and really changes the way you reason about and program web application front-ends. In this article, Toptal Freelance Software Engineer Vuk Djapic takes you through the exotic concepts of Elm and its pros and cons in real world use.

16 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Clean Code: Why HTML/CSS Essentials Still Matter

by Tigran Vardanyan

In this article, Toptal Freelance Software Engineer Tigran Vardanyan covers code styling, essential HTML and CSS practices, and why clean code still matters.

15 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Theming with Sass: An SCSS Tutorial

by Fernando Rivas

When it comes to theming; that is, changing the look and feel of your website while maintaining the same layout, Sass' features—like mixins or functions—can feel like taking a plane instead of walking! In this tutorial on SCSS, we're going to create a minimal theme and use SCSS to give our CSS programming some superpowers.

< 5 minute readContinue Reading

Join the Toptal® community.