Skip to main content

Posts

Showing posts from July 8, 2018

Announcing TypeScript 3.0 RC

While Visual Studio 2015 doesn’t currently have an RC installer, TypeScript 3.0 will be available for Visual Studio 2015 users. While you can read about everything on our Roadmap, we’ll be discussing a few major items going into TypeScript 3.0.
Read More

Netlify on Twitter

More #JAMstack community news: JAMstack SF will be meeting again on July 30th, with talks from: Search, from @algolia Identity, from @auth0 Serverless, from @Netlify Registration is now open: https://www.meetup.
Read More

ionic-team/stencil-router

You should have one single stencil-router component in your project. This component controls all interactions with the browser history and it aggregates updates through an event system. This component renders based on whether the supplied url matches the current location.
Read More

Angular Elements, Part I: A Dynamic Dashboard in Four Steps with Web Components

Beginning with version 6, we can expose Angular Components as Web Components or to be more precise: As Custom Elements which is one of the standards behind the umbrella term Web Components. They are can be reused with each framework and even with VanillaJS.
Read More

How to Define an Interface in TypeScript

An interface in TypeScript contains only the declaration of the methods and properties, but not the implementation. It is the responsibility of the class that implements the interface by providing the implementation for all the members of the interface.
Read More

? Hoverboard v2.0.0 released today!

Today we’re happy to announce that Hoverboard v2 was merged to master! Project Hoverboard is a conference website template, that helps you set up mobile first conference website with ready to use features like blog, speakers and schedule management in a few minutes.
Read More

Building Web Components with Stencil

Programming 79
Read More

Introducing Logpoints and auto-attach

@auchenberg Over the past few months we have been busy improving the debugging experience in Visual Studio Code, and in this post, I'm going to talk about how we think about debugging, present the feedback we heard from our users, and explain the steps we are taking to make debugging easier and sim
Read More

PWA's in the Enterprise - the silver bullet?

Over time, every business grows or changes and inevitably reaches a point where it feels compelled to improve or automate its internal procedures and processes.
Read More

Bindings in Angular

What Is Binding? Binding is the process which forms the connection between the application UI and the data which comes from the business logic. In Angular, it can be called the automatic synchronization of the data and the view.
Read More

Building the Progressive Web App OS

At Ionic, we’re incredibly bullish on the future of the web on mobile: Progressive Web Apps (PWAs). In this future, web developers are building quality, performant mobile and web experiences using open standards that run on a plethora of platforms, using the skills they already have.
Read More

An Introduction to GraphQL via the GitHub API

RESTful, JSON-delivering APIs are today’s default choice when building an API. However, there’s a new API kid on the block that’s generating considerable attention: GraphQL. GraphQL is an entirely new way to consume and build APIs.
Read More

Creating Web Components with Stencil

TL;DR: This article will show you how to create Web Components with Stencil, a tool that allows you to use a high-level syntax to define components and that generates them based on vanilla JavaScript.
Read More

Getting Started with Angular Elements

Angular Elements solves the problem of code reuse across multiple frameworks and provides a way to use Angular components in non-Angular environments. Learn how you can start using them in your apps today. Angular is awesome.
Read More

Building An Audio Player App with Ionic, Angular, RxJS, and NgRx

TL;DR: In this article, you will learn how to develop a mobile audio player app using Ionic framework and Angular. You will handle audio operations using RxJS and Observables, and you will also explore how you can manage application's state with NgRx. To secure your application, you will use Auth0.
Read More

Vue.js: the good, the meh, and the ugly

Picking up new frameworks and libraries is exciting but also stressful. Even after some evaluation you never really know what skeletons you’re going to find out down the road. My honeymoon period is long over.
Read More

CSS: A New Kind Of JavaScript

Those familiar with the web platform will be well-versed in its two complementary technologies: HTML for documents and their structure, and JavaScript for interaction and styling.
Read More

Unused

I recently wrote Here’s the thing about "unused CSS" tools, where I tried to enumerate all the challenges any tool would have in finding truly "unused" CSS.
Read More

How to Use Emojis as Icons

Icons have become an important part of web designs. Granted there are many online resources (both free and paid) for icons, we still should be able to use the one style of symbols we already have and are uber familiar with — emojis, as icons.
Read More

Build a Music Player With Vuetify

Building apps with Vue.js is easy, fun, and enjoyable. You can build a working app with minimum effort. To prove that, today I'll show you how easy it is to build your own full-featured music player. To make things even easier, we'll use Vuetify.js, a Vue.
Read More

Creating a Custom Scroll Vanish Directive with Ionic Web Components

As I was scrolling through Twitter’s PWA (I assume this would be the same in their native application as well), I noticed that when you scroll down on a screen that has a “double toolbar” in the header: The top “toolbar” will animate off of the screen, leaving only the tab bar: This lea
Read More

Using Stencil Built Web Components with Frameworks

In this section, we will outline the easiest way to integrate Stencil built web components into applications written using various popular frameworks. Using a Stencil built web component collection within an Angular CLI project is a four-step process. We need to:
Read More

Angular 6, Part 2: An Overview of Components

If you are new to the Angular framework or just finding out why Angular is popular in the web development, then this series of articles is for you. Through this series of articles, you can learn about every aspect or benefit of Angular, including how to use it in your own development.
Read More

Random Day in the Life of a Developer

Yesterday, I started going through my email as soon as I got to work. I always start my day with email. I kinda like email. I read some interesting things in keeping up with the industry. I deal with some business things. I handle with some personal things.
Read More

The Fundamentals of Developing Augmented Reality for Web With AR.js

Augmented Reality (AR), which promises a whole new world of immersive experiences, ranks top in investment priorities of every major brand. In fact, Nike, Coca-Cola, and Apple have already set aside insane budgets to use AR in their marketing and product upgrade plans.
Read More

Component Communication in Angular, Day 1

Components are the basic building blocks of Angular applications. In a simpler manner, we can say components are UI/ View elements along with the mechanism to show and operate on data.
Read More

Vue UI: A First Look

With a stable release of Vue CLI version 3 just around the corner, it’s time to take a look at some of the interesting new features this new release has to offer. Completely revamped based on the feedback provided by the growing community of Vue.
Read More

7 Angular Tools That You Should Consider

In this article we’re going to quickly explore 7 Angular development tools which can make our everyday life easier. The purpose of the list is to not be opinionated architecture wise.
Read More

SEO Friendly Progressive Web Applications with Angular Universal : Course by @beeman_nl

In this course we will create an Angular application that will serve as a public website. Normally there are quite a few trade-offs by using a Single Page Application for a public website.
Read More

Tomas Trajan ? @ Bangkok ? on Twitter

BOOM NEW ARTICLE How to #unit #test #Angular components with fake #ngrx TestStore fake TestStore 15 LOC setState for simple test initialization test component UI test dispatched actions pros & cons and when to use it #testing https://medium.
Read More

Use Angular and NativeScript to Build a Web and Mobile Application

Angular has been around for a few years now and since its release it has been useful when creating many different categories of applications, including web as well as mobile.
Read More

Delivering WordPress in 7KB

Over the past six months, I've become increasingly interested in the topic of web sustainability. The carbon footprint of the Internet was not something I used to give much thought to, which is surprising considering my interest in environmental issues and the fact that my profession is web-based.
Read More

Creating Ionic Datatable With ngx-datatable

If you are working with a lot of data you might have encountered the problem of presenting this data in an Excel like way inside your Ionic app.
Read More

Add Auth to Your PWA Using Stencil and Okta

Progressive Web Applications (PWAs) are the newest technology on the web dev block and they’ve arrived just in time to solve a growing problem. Many companies are struggling to keep isolated development teams across their organization up-to-date when new features are released.
Read More

Build and Understand a Simple Node.js Website with User Authentication

Building websites with user authentication and management (login, registration, password reset, etc.), can be a huge pain. As a developer there are a million little things you need to worry about: The list goes on and on.
Read More

Client-side web scraping with JavaScript using jQuery and Regex

When I was building my first open-source project, codeBadges, I thought it would be easy to get user profile data from all the main code learning websites. Well, that was easy. But it turns out that not every website has a public API that you can just grab the data you want from.
Read More

Building Serverless CRUD apps with Netlify Functions & FaunaDB

Serverless functions seem to be all the rage these days. But why? Most importantly, perhaps, is that serverless functions give frontend developers superpowers.
Read More

Easy Parallax Effect in Vue.js

As a frontend developer you often need to create different kind of interactions and animations, such as parallax: an effect that makes a background image scroll slower so it gives the illusion that it is deeper in the screen.
Read More

Secure, Passwordless Authentication Using Auth0

In this article, you'll learn how to set up passwordless authentication using the Auth0 service. Auth0 allows you to outsource authentication features for your app.
Read More

29 Awesome Tools for Web Designers & Developers

This article was created in partnership with Mekanism. Thank you for supporting the partners who make SitePoint possible. We’re always on the lookout for the best web tools and services available for designers and developers.
Read More

maciejtreder/ng-toolkit

Collection of tools for making your Angular app more robust! Thank you to all our backers! ? [Become a backer]
Read More

On the Web with Justin Willis

Content on web tech, JavaScript, Progressive Web apps, NodeJS, Golang and more!
Read More

Advanced State Management using ngrx v6

next execution with same arguments we  use cache
Read More

Build Custom Dashboards with MongoDB, Azure & Serverless Functions

This article was originally published on Ahmad Awais. Thank you for supporting the partners who make SitePoint possible. TL;DR: I’m building a custom WordPress dashboard for an enterprise client which is powered by React.js on top of Node.js, with MongoDB Atlas as the database.
Read More