Web Front-end

Showing 241-256 of 271 results

Share

Making an HTML5 Canvas Based Game: A Tutorial Using AngularJS and CreateJS

There are many programming platforms used to develop games, and there are a plethora of devices to play them on, but when it comes to playing games in a web browser, Flash-based development still leads the way.

What if we could port these games to HTML5 Canvas technology and play them on mobile browsers as well? In this article, Toptal engineer Avinash Kaza gave a solution to this.

16-minute readContinue Reading
Avinash Kaza

Avinash Kaza

Avinash is a senior developer with experience designing & developing data visualizations.

Advanced Java Class Tutorial: A Guide to Class Reloading

In Java development, a typical workflow involves restarting the server with every class change, and no one complains about it. But is Java class reloading that difficult to achieve? And could that problem be both challenging and exciting to solve? In this article, I will try to address the problem, help you gain all the benefits of on-the-fly class reloading, and boost your productivity immensely.

12-minute readContinue Reading
Lê Anh Quân

Lê Anh Quân

Lê has 14 years of experience building web apps, using Java technologies. Over the past 5 years, he has with React and Angular.

React.js View State Management Tutorial

One of the biggest and most common problems in front-end web development is state management. A developer is constantly focused on keeping the state object in sync with its view and the DOM representation. Users can interact with the application in many ways and it’s a big task to provide a clean transition from one view state to another.

We will see how using React JavaScript library can help us reduce application complexity and offload UI transitions from our application.

10-minute readContinue Reading
Leonardo Andrés Garcia Crespo

Leonardo Andrés Garcia Crespo

Leonardo is a life-long tech lover, he is always trying to learn something new while keeping up to date with favorite technologies.

The Publish-Subscribe Pattern on Rails: An Implementation Tutorial

The publish-subscribe pattern (or pub/sub, for short) is a messaging pattern where senders of messages (publishers), do not program the messages to be sent directly to specific receivers (subscribers). Instead, the programmer “publishes” messages (events), without any knowledge of any subscribers there may be.

This article provides insight in how to use the pub/sub pattern, in Rails, to communicate messages between different system components without these components knowing anything about each other’s identity.

9-minute readContinue Reading
Ahmed AbdelHalim

Ahmed AbdelHalim

Ahmed is a back-end (API) developer who loves building useful and fun tools. He also has experience as a web developer.

One Size Fits Some: A Guide to Responsive Web Design Image Solutions

As mobile and tablet devices come closer to achieving final world domination, web technology is in a race to accommodate the ever-growing number screen sizes. However, devising tools to meet the challenges of this phenomenon brings a whole new set of problems, with one of the latest buzzwords to emerge being “responsive web”.

7-minute readContinue Reading
Kado Damball

Kado Damball

Kado is a JavaScript developer with a keen interest in data and data visualizations. He is also a machine learning and data mining hobbyist, an interest rooted in his academic background, including a bachelor’s degree in economics. He focuses on building data-driven applications and turning complex information into clear, engaging visual experiences.

World-class articles, delivered weekly.

By entering your email, you are agreeing to our privacy policy.

Bypassing Chinese Internet Censorship: How I Built a Censored Microblog Aggregator

As is known worldwide, the Chinese government enforces strict censorship on the internet. Virtually everything is under the government’s surveillance. In order to be allowed to operate, ISPs and internet content providers in China usually have their own content filtering mechanism for blocking or removing the published content by its users, or even deleting users’ account directly if they are assumed to be illegal under the government policy.

8-minute readContinue Reading
Xiaolei Liu

Xiaolei Liu

Xiaolei is a JavaScript expert focusing on Node.js and AngularJS. He highly values building trust with colleagues and clients.

Git Workflows for Pros: A Good Git Guide

Git can support your project not just with version control, but also with collaboration and release management. Understanding how workflow patterns can help or hinder a project will give you the knowledge to evaluate and adapt your project’s Git processes effectively.

12-minute readContinue Reading
Joe James

Joe James

A Certified Scrum Master and lead full-stack developer with over a decade of experience, Joe’s a Git pro, RoR veteran, and TDD enthusiast.

JavaScript Promises: A Tutorial With Examples

Promises are a hot topic in JavaScript, and you should definitely get acquainted with them. They are not easy to wrap your head around, it can take a few articles, and a decent amount of practice to comprehend them. Aim of this article is to help you understand Promises, and nudge you to get more practice using them.

9-minute readContinue Reading
Balint Erdi

Balint Erdi

Balint has been practicing TDD since before it became popular. He was a classic PHP coder, and has since moved on to Java, Python, and Ruby.

A Guide to Rails Engines in the Wild: Real World Examples of Rails Engines in Action

Why are Rails Engines not used more often? I don’t know the answer, but I do think that the generalization of “Everything is an Engine” has hidden the problem domains that they can help to solve.

12-minute readContinue Reading
Joe James

Joe James

A Certified Scrum Master and lead full-stack developer with over a decade of experience, Joe’s a Git pro, RoR veteran, and TDD enthusiast.

AngularJS Tutorial: Demystifying Custom Directives

One of the most capable, extensible and popular front-end frameworks is AngularJS, and one of the most useful components of the AngularJS framework is something called a directive. In this article, the four functions that execute as a directive is created and applied to the DOM will be explored.

10-minute readContinue Reading
Eric W. Greene

Eric W. Greene

Eric loves to write code in a high-paced and challenging environment with an emphasis on using best practices.

The 5 Most Common Mistakes HTML5 Developers Make: A Beginner’s Guide

It’s been over 20 years since Tim Berners-Lee and Robert Cailliau specified HTML, which became the standard markup language used to build the Internet.

HTML5 was supposed to finally solve our problems and become “one standard to rule them all (browsers)”. This was probably one of the most anticipated technologies since creation of the World Wide Web.

6-minute readContinue Reading
Demir Selmanovic

Demir Selmanovic

Demir is a developer and project manager with over 15 years of professional experience in a wide range of software development roles.

The 10 Most Common Mistakes Web Developers Make: A Tutorial for Developers

Today we have thousands of digital and printed resources that provide step-by-step instructions about developing all kinds of different web applications. Development environments are “smart” enough to catch and fix many mistakes that early developers battled with regularly. There are even many different development platforms that easily turn simple static HTML pages into highly interactive applications.

All of these development patterns, practices, and platforms share common ground, and they are all prone to similar mistakes caused by the very nature of web applications.

10-minute readContinue Reading
Demir Selmanovic

Demir Selmanovic

Demir is a developer and project manager with over 15 years of professional experience in a wide range of software development roles.

Introducing Hoodie: Full Stack Development for Front-End Developers

Hoodie is a progressive new library for front-end developers that adopts some remarkable new philosophies. Hoodie puts the control over app design completely in the hands of the front-end developers and user-experience experts, and frees users from the bonds of un-interruptible connectivity.

10-minute readContinue Reading
Alvaro Oliveira

Alvaro Oliveira

Alvaro is a software engineer who excels at aligning the right technologies and talent with the right projects. At Toptal, he successfully matched thousands of developers with clients, helping build high-performing, cross-functional teams.

Ember Data: A Comprehensive Tutorial for the ember-data Library

Ember Data is a library for robustly managing model data in Ember.js applications. Ember Data offers a more flexible and streamlined development workflow, minimizing code churn in response to high-impact changes that would otherwise be disruptive. This comprehensive guide introduces the key constructs and paradigms of Ember Data, demonstrating the value it can bring to you as a developer.

19-minute readContinue Reading
Pooyan Khosravy

Pooyan Khosravy

Pooyan is a data scientist, a neuroscientist, a software engineer, and an entrepreneur out to ensure that no one lives with undiagnosed ADHD

The Many Interpreters and Runtimes of the Ruby Programming Language

Which Ruby implementation is right for your project? While the reference implementation (Ruby MRI) remains the interpreter of choice, an alternate Ruby implementation may be right for your project, depending on your operational goals and constraints.

This article showcases the Ruby interpreter implementations and runtimes available today, discussing the advantages and disadvantages of each.

9-minute readContinue Reading
Ryan Wilcox

Ryan Wilcox

Ryan has over 12 years of programming experience in numerous languages and is an expert in workflow analysis and optimization.

5 Golden Rules for Great Web API Design

Web services and their APIs abound. Unfortunately, the vast majority are difficult to use. Reasons range from poor design, to lack of documentation, to volatility, to unresolved bugs, or in some cases, all of the above.

Follow the guidance in this post to help ensure that your web API is clean, well-documented, and easy-to-use. Such APIs are truly rare and are therefore much more likely to be widely adopted and used.

12-minute readContinue Reading
Jordan Ambra

Jordan Ambra

With past employers that include Coca-Cola, Concentra, and VMWare, Jordan is a top-notch architect, developer, sysadmin, and entrepreneur.

Toptal Engineering Expert

Gabriel is a highly efficient and reliable professional who possesses a broad skill set for web application development. He's been working on a range of products and clients—from working on scalability problems in production engineering teams at Shopify and Autodesk to launching new applications for startups. Most of his work consists of leading technical teams, by creating an easy development environment, fixing technical debts, providing best practices code examples, and mentoring devs.
Read more

Previously At

Shopify

World-class articles, delivered weekly.

By entering your email, you are agreeing to our privacy policy.

Join the Toptal® community.