Web front-end

Showing 201-208 of 208 results

A Guide to Building Your First Ember.js App

by Balint Erdi

As modern web applications do more and more on the client-side (the fact itself that we now refer to them as “web applications” as opposed to “web sites” is quite telling), there has been rising interest in client-side frameworks. There are a lot of players in this field but for applications with lots of functionality and many moving parts, two of them stand out in particular: Angular.js and Ember.js. Angular.js has already been introduced on this blog, so we're going to focus on Ember.js in this post, in which we'll build a simple Ember application to catalog your music collection. You'll be introduced to the framework's main building blocks and get a glimpse into its design principles.

12 minute readContinue Reading

A Year Building a WebRTC Application: Lessons in Startup Engineering

by Alexandre Mondaini Calvão

I've been an Engineer at Toptal for just about one year now, working on the same project since I joined the network: Ondello, a service that connects doctors and patients over WebRTC. When I first joined Ondello, I was hired as a Senior Ruby on Rails Developer, tasked to build a service up from scratch. These days, we're a team of multiple developers working on a fairly large, complex system. With this post, I'd like to share the story behind Ondello. Specifically, I'd like to talk about: how a simple application became not-so-simple, and how our use of cutting-edge technologies posed problems I'd never considered before.

9 minute readContinue Reading

A Step-by-Step Tutorial for Your First AngularJS App

by Raoni Boaventura

If you haven’t tried AngularJS yet, you’re missing out. The framework consists of a tightly integrated toolset that will help you build well structured, rich client-side applications in a modular fashion—with less code and more flexibility. One of the reasons I love working with AngularJS is because of its flexibility regarding server communication. Like most JavaScript MVC frameworks, it lets you work with any server-side technology as long as it can serve your app through a RESTful web API. But Angular also provides services on top of XHR that dramatically simplify your code and allow you to abstract API calls into reusable services. As a result, you can move your model and business logic to the front-end and build back-end agnostic web apps. In this AngularJS tutorial, we'll do just that, one step at a time.

11 minute readContinue Reading

Introduction to Responsive Web Design: Pseudo-Elements, Media Queries, and More

by Tomislav Krnic

Nowadays, your website will be visited by a wide variety of devices: desktops with large monitors, mid-sized laptops, tablets, smartphones, and more. To achieve an optimal user experience, your site should be adjusting its layout in response to these varied devices (i.e., to their varied screen resolutions and dimensions). The process of responding to the form of the user's device is referred to as (you guessed it) responsive web design (RWD).

8 minute readContinue Reading

Why The Hell Would I Use Node.js? A Case-by-Case Tutorial

by Tomislav Capan

Node.js shines in real-time web applications employing push technology over websockets. What is so revolutionary about that? Well, after over 20 years of stateless-web based on the stateless request-response paradigm, we finally have web applications with real-time, two-way connections, where both the client and server can initiate communication, allowing them to exchange data freely. This is in stark contrast to the typical web response paradigm, where the client always initiates communication. Additionally, it’s all based on the open web stack (HTML, CSS and JS) running over the standard port 80.

14 minute readContinue Reading

Init.js: A Guide to the Why and How of Full-Stack JavaScript

by Alejandro Hernandez

After much thought, I decided to engineer a solution to the idea abandonment problem. I call it the ‘Init' project (or Init.js). The core of the idea is to have a single project to start them all, to let the developer or the technical founder make all of the essential decisions at once, and receive an appropriate starting template based on those decisions.

14 minute readContinue Reading

How a Single Front-End Engineer Can Replace a Team of Two

by Tom Kozacinski

Demand within the web design scene today has changed over the past few years: designers with front-end skills, and front-end developers with design skills, are more and more in demand. Yes, you could argue that the jobs are completely different—and maybe you straight-up don't like one of them—but truth be told, in my six years as a freelance web developer and twelve years as a designer, I’ve learned that it's much harder to get by as just a web designer or just a front-end developer. Wearing both hats has a lot of advantages: from a professional perspective alone, you can find work more easily and charge a higher rate because you’re bringing more to the table.

11 minute readContinue Reading

Engineering Internals of a RAD Framework... as a PHP Developer with Nooku

by Cameron Barr

Everyone has their own set of tools. As a PHP developer, one of my favorites is a Rapid Application Development framework called “Nooku”. In the words of the development group: “Nooku is more of a web development toolkit than a framework” In case you are not familiar with it, have a look. It’s an open source project that makes heavy use of industry accepted design patterns to produce highly componentized applications that are easily extensible and reusable (initially created by one of the lead Joomla developers). Out of the box, Nooku gives you a great deal to help get projects off the ground faster. A small, but strong sample:

6 minute readContinue Reading

Join the Toptal® community.