Skip to main content

Posts

Showing posts from 2017

Build a Music Player with Angular & Electron II : Making the UI

In the previous post on building a music player with Angular and Electron, we were able to successfully setup an environment where our app can live. Angular was bootstrapped, Electron was loaded, and the app opens up displaying a test content.
Read More

Ionic Image Upload and Management with Node.js – Part 2: Ionic App

This is the second post of our Ionic Image upload series! Last time we were building the Node.js backend and API routes, now it’s time to actually use them from a real Ionic app to upload images, display a list of images and delete single images!
Read More

Learn a CSS Framework in 6 Minutes with Bulma

In this tutorial, we’ll be getting started with Bulma, a modern CSS Framework built on Flexbox. For best results, follow along with the video at the end by OpenSource Craft. If you want to learn why you should care about Bulma, check out this video.
Read More

iPhone 8 & iPhone 8 Plus Prices in Malaysia – It’s Official

Malaysian iPhone fans rejoice, Apple’s latest smartphone, the iPhone 8 and iPhone 8 Plus, is finally coming to our shores.
Read More

Laravel Stats: Code Statistics for your Laravel Projects

The output provides metrics grouped into Commands, Controllers, Migrations, Models, Seeders, and Service Providers. Inspired by rake stats (now rails stats), the goal is to provide code insights like lines of code, code to test ratio, and methods per class.
Read More

Build a React App With a Laravel Back End: Part 2, React

This is the second and final part of the series on building a React application with a Laravel back end. In the first part of the series, we created a RESTful API using Laravel for a basic product-listing application. In this tutorial, we will be developing the front end using React. 
Read More

Vue.js Tutorial: From jQuery to Vue.js

As far as JavaScript libraries are concerned, there’s never been a more popular library than jQuery. It made (and still does) DOM traversal a cinch using CSS selectors at a time when browser compatibility was a significant issue for developers.
Read More

Using Ionic with Any Framework (or None at All) | joshmorony - Build Mobile Apps with HTML5

Ionic 4 with Angular 1.6

Last week I published an early view of how to use Ionic 4 with Vue.js, today I'll be showing you how we can do the same thing with Angular 1.6. Please bare in mind that Ionic 4 is in a super early stage of development and things may change as time goes on. Let's create a new Angular 1.
Read More

Getting Started with Angular and User Authentication

This article was originally published on OKTA Developer Blog. Thank you for supporting the partners who make SitePoint possible. AngularJS reigned as king of JavaScript MVC frameworks for several years.
Read More

How to Transcribe YouTube Videos Automatically

A lot of us may not know but YouTube comes with many useful features like translation for titles and description and YouTube keyboard shortcuts etc. Similarly, there are ways with which you can transcribe YouTube videos.
Read More

Beautiful Timeline Component in Ionic 3

In this tutorial we will be building a beautiful timeline component to display any suitable content from blog posts to comments or any other information. The sample of what we will be building is shown in the preview link. As you can see, the timeline component is responsive also.
Read More

The Official Unit Testing Utility Library for Vue.js Is Now Available

Vue.js now has an official unit testing library for testing Vue applications. It provides methods for unit testing your components.
Read More

A Look at Bootstrap 4's New Reset: Reboot.css

I've been wanting to write this article for a long time - since to be exact. It's been in the back of my mind and bugging me forever. I'm glad I'm finally going to sit down and bang this post out despite there probably being a ton of great resources out there on this.
Read More

Overlay Glasses/Masks on Avatars with Vue.js and Cloudinary

Deep Learning, a subset of machine learning, helps break down tasks in ways that makes all kinds of machine assists seem possible. With deep learning, it is now possible to do image recognition by machines.
Read More

Deploying a Node App to Digital Ocean

There are various platforms that help with deploying NodeJS apps to production. Zeit Now is one such platform. While those platforms can help, in this tutorial, we’ll be looking at how to deploy a NodeJS app to Digital Ocean.
Read More

11 tips for developing great mobile apps

When mobile apps were first introduced to users, there was a mad scramble to churn out apps by the dozens. Entrepreneurs and developers had this burning desire to make apps for everything.
Read More

Survey: Want to learn Vue? We've got questions!

Vue is a great JavaScript framework that we'll be showcasing more in the coming months. We're in the process of preparing that material and would love to hear feedback from you! In putting together this info, we'd like to get some data on who is interested in Vue development.
Read More

4 JavaScript Design Patterns You Should Know

The Scotchmas Day 2 giveaway can be found at the end of this article. Every developer strives to write maintainable, readable, and reusable code. Code structuring becomes more important as applications become larger.
Read More

Ionic 3 and Firebase - User Email Authentication

In this article, we take a look at integrating Firebase user authentication within our Ionic applications. If you haven't set up Firebase inside of your application before, then I'd suggest following my article as a set up guide.
Read More

Google Launches Cloud Firestore NoSQL Document Database

The Lazy Developer's Guide to Authentication With Vue.js

I’ll happily admit that like many of you, I’m a lazy developer. I tend to look for solutions someone else has already built before I try to build them myself. In the “old days” of the early 2000s, I used to spend a lot more time coding solutions myself.
Read More

Next.js 3.0 Release: What's New?

On Tuesday, October 25, 2016, a small JavaScript framework, Next.js was released to the public. It's a minimal framework for building server-rendered universal JavaScript web apps. Within a few months of its existence, it gathered a lot of attention from the JavaScript community.
Read More

What Is Stencil and How Will It Impact Ionic? | joshmorony - Build Mobile Apps with HTML5

Build a Scientific Calculator with Vue.js

Vue gives the everyday software developer a certain flexibility and seamless experience that may be hard to come across when using other frameworks to build applications.
Read More

Top 27 Angular 2 Components for Web Developers

It doesn’t often happen that a framework takes over the landscape of web development in just five years, but suppose that you either make something that sticks, or you don’t.
Read More

Create an Angular Application with Authentication in 20 Minutes

This article was originally published on OKTA Developer Blog. Thank you for supporting the partners who make SitePoint possible. Angular (formerly called Angular 2.0) is quickly becoming one of the most powerful ways to build a modern single-page app.
Read More

How to use Vue.js with Ionic 4

Have you ever wanted to use Ionic with other frameworks than Angular? Now you can! Ionic 4 is in early alpha, so the implementation is likely to change as time goes on, but let's investigate this with Vue.js: As you may be able to infer, this effectively gives us a toolbar with a list of names.
Read More

Boilerform

This is just a random idea, but I can't stop it from swirling around in my head. Whenever I need to style a form on a fresh project where the CSS and style guide stuff is just settling in, the temptation to reach for a mini form framework is strong.
Read More

Top 5 Best Augmented Reality Based Apps For Android

Augmented reality might probably become the essential thing that comes with every upcoming flagship devices and iPhone has started the trend by introducing integrated AR support to the iPhone X.
Read More

Show git Branch from Command Line

Whether it's simply submitting pull requests or being snobby enough to use vim as a text editor, web developers and designers spend an awful lot of time working from command line.
Read More

15 Essential Packages For Extending Laravel

Laravel is one of the most popular PHP frameworks for developing web applications. It offers a number of great features such as simple and fast routing, different ways for accessing relational databases, powerful dependency injection and much more.
Read More

Non-Disclosure Agreements For Developers: What To Know Before You Sign

Most days, your goal as a developer is to design, develop and program awesome software. However, part of the job is also finding new clients1, and you don’t want to be caught off guard by unexpected legal documents2 that come up while you’re establishing new clients.
Read More

Scroll and Animate Your Page Easily With Force.js

Web animation is easier than ever before, with pure CSS3 animations becoming the norm. But, JavaScript is still incredibly valuable and it’s one of the few reliable languages for technical animations. The Force.js library is a free open-source script built around dynamic page animations.
Read More

Vultr is Now Supported on Forge

Laravel Forge announced last week that Vultr now has first-party support. You can now create Vultr as a service provider by entering your API credentials in the Forge Server Providers configuration.
Read More

React Lifecycle Reference Guide

For a high-quality, in-depth introduction to React, you can’t go past Canadian full-stack developer Wes Bos. Try his course here, and use the code SITEPOINT to get 25% off and to help support SitePoint.
Read More

Real-Time Web Application With MeteorJS

In the world of web technologies, the most commonly used technology for client-server communication is HTTP. Some might consider the synchronous, request-response nature of HTTP protocol as its weakness.
Read More

Extracting Website Data and Creating APIs with WrapAPI

Today, almost all services we use have some sort of API. Some web applications are even built from API points alone, being passed to some kind of front-end view. If you’re a consumer of a service that provides an API, you’ll sometimes need more features or find limits to what the API can offer.
Read More

readme.io's Build Looks To Greatly Simplify API Provisioning and Consumption (video)

Readme.io, one of the services that has greatly simplified the process of documenting technologies like APIs, is taking its popularity with API providers to the next level with a new offering called Build.
Read More

Learn Computer Science With JavaScript: Part 4, Functions

Suppose you have a file that is 82 lines long and consists only of a series of statements. (I hope this is isn’t true, but anything is possible.
Read More

Hyper 2.0 Has Been Released

Hyper terminal 2.0 stable just got released on all platforms this week. The most significant update is migrating from hterm to xterm.js, a full xterm terminal using web technologies. Microsoft Visual Studio Code also uses xterm.js for its built-in editor terminal.
Read More

Deploying AdonisJS Apps to Heroku

The question on how to deploy AdonisJS apps keeps popping out within the AdonisJS community. The thing is that most people tend to forget that AdonisJS apps are Node.js applications and can be deployed the same way you would deploy any Node.js application.
Read More

12 cool things you can do with GitHub

I’m going to start with one that I think most people know (even though I didn’t know until a week ago). When you’re in GitHub, looking at a file (any text file, any repository), there’s a little pencil up in the top right. If you click it, you can edit the file.
Read More

Create a Barebones Angular App with the --minimal Flag

The Angular CLI gives us an easy way to create brand new Angular applications. Not only does it build Angular apps for us, it also gives us extras like testing built in. Sometimes you may want to create a simple Angular app that doesn't have all the bells and whistles that the CLI provides.
Read More

Learn Computer Science With JavaScript: Part 2, Conditionals

In part one of this series, our programs were only written as a sequence of statements. This structure severely limits what we can do. Say you are designing a program that needs to log in users.
Read More

Lozad.js: Performant Lazy Loading of Images

There are a few different "traditional" ways of lazy loading of images. They all require JavaScript needing to figure out if an image is currently visible within the browser's viewport or not. Traditional approaches might be: Both of these have performance problems.
Read More

Measure Anything in Laravel with StatsD

I want to show you some tools and techniques you can use to measure anything and everything that you want in your Laravel applications with StatsD. These ideas are simple and not new; yet, I believe that the simplicity and power are what makes StatsD great.
Read More

Video Game Console Emulator

Like most American children of the 1980s and 1990s, I spent a good amount of time playing video games with my friends.
Read More