Skip to main content

Posts

Showing posts from August 19, 2018

Tomek Sułkowski on Twitter

@Angular tip for today: You can now add #Angular Playground to your project with `ng add angular-playground` command. It'll install & configure stuff for you. So... my first oss contribution, man! ("about time!") Thanks @schwarty @arroyocode @tim_stoddard_ for the help!
Read More

Game changing Features of Angular v6

With the release of Angular 6 several amazing new features were introduced. These changes synchronizes the major version number of the angular framework, angular CLI and Angular Material + CDK.
Read More

You can now install Windows 95 on Windows, Linux and Mac

Windows95 is a packaged copy of Microsoft's classic Windows 95 operating system that is running in an Electron application. The package is available for Windows, Linux and Mac devices, and can be downloaded from the project website.
Read More

A Beginner's Guide to Drawing 2D Graphics With Two.js

Two.js an API that makes it easy to create 2D shapes with code. Follow along and you'll learn how to create and animate shapes from JavaScript. Two.js is renderer agnostic, so you can rely on the same API to draw with Canvas, SVG, or WebGL.
Read More

The Benefits of Using CSS Grid for Web Form Layout

Form layout and design is a fundamental yet frustrating part of web design and development. Ask anyone who’s ever tried to style a

Why Ionic?

So, Today all the questions about ionic framework like what is it ? , why it is created for ? , what is it’s advantage ? , who is it’s parents? All will be answer here. What is ionic framework?
Read More

Announcing Change History for Firebase Remote Config

Firebase Remote Config can be a powerful and easy way to make changes in your app, discover what resonates with your audience, and then quickly revert those changes if needed.
Read More

Introducing Directus 7

After a full year of strategy, design, development, and documentation—today, our team is proud to officially announce the release of Directus 7 (Beta). Our last major release was way back in 2011, so let’s start by quickly covering the main reason behind this substantial refactor.
Read More

Angular - How To Pass Value From Child To Parent

Angular has provided various ways to do so but here, we will use the @ViewChild directive provided by Angular. Let's start.
Read More

Overview of Popular Static Site Generators

All static page generators have a single and seemingly straightforward task: to produce a static HTML file and all its assets. There are many obvious benefits to serving a static HTML file, such as easier caching, faster load times, and a more secure environment overall.
Read More

Is Ionic the Right Choice for My Project?

Ionic has been around for quite some years and with the latest release of version 4 it becomes an even better option for developing hybrid apps than it was already. Still, there are drawbacks and scenarios where Ionic might not be (or should not be) your first choice.
Read More

Testing Angular with Jasmine and Karma (Part 1)

In this tutorial we will be building and testing an employee directory for a fictional company. This directory will have a view to show all of our users along with another view to serve as a profile page for individual users.
Read More

Real World Use of CSS with SVG

SVG is a lightweight vector image format that’s used to display a variety of graphics on the Web and other environments with support for interactivity and animation. In this article, we’ll explore the various ways to use CSS with SVG, and ways to include SVGs in a web page and manipulate them.
Read More

CSS Logical Properties and Values in Chromium and WebKit

Since the beginning of the web we have been used to deal with physical CSS properties for different features, for example we all know how to set a margin in an element using margin-left, margin-right, margin-top and/or margin-bottom.
Read More

This.Javascript: State of Browsers

Watch the video here. I encourage you to watch the linked video, Edge has had a huge amount of updates including full Service Worker support, variable fonts, and, also, they are introducing WebP.
Read More

Variable Fonts on the Web Using CSS

Font variations is a new set of features defined as part of the OpenType specification. It allows for font files to contain multiple variation of a font within a single file, called a variable font. This in turns allows the use of one font file on the web that can achieve multiple font styles.
Read More

WebDesignLedger

Code Your First API With Node.js and Express: Set Up the Server

In the previous tutorial, we learned what the REST architecture is, the six guiding constraints of REST, how to understand HTTP request methods and their response codes, and the anatomy of a RESTful API endpoint. In this tutorial, we'll set up a server for our API to live on.
Read More

::before vs :before

Note the double-colon ::before versus the single-colon :before. Which one is correct? Technically, the correct answer is ::before. But that doesn't mean you should automatically use it.
Read More

Dynamic Nested Reactive Forms In Angular

Nativescript-Vue: Native Mobile Apps in Javascript without the Hard Parts™

I am a fan of Vue. It is the easiest “framework” to grasp for people who just have bare minimum knowledge of vanilla HTML, CSS and Javascript. And then gives them so much power to build components, complex state management and the blazing fast speed of virtual DOM diffing.
Read More

Web Component Essentials

Read the book by Google Developer Expert Cory Rylan and learn the essentials to get started creating your own Web Components. Stop rewriting your UI components for every different front end technology.
Read More

Apps That Work Natively on the Web and Mobile

Today we’re happy to announce an exciting new way to build web and mobile apps with Angular and NativeScript. First, some background: since the beginning of Angular, you could use NativeScript with Angular to build mobile apps.
Read More

WTF is a Promise?

Promises are a big part of JavaScript, especially when you’re building cloud-connected applications since they are often used when fetching a JSON API or doing AJAX work, I’m going to use this post to explain why. But what does that mean?
Read More

6 Great Uses of the Spread Operator

Thanks to ES6 and the likes of Babel, writing JavaScript has become incredibly dynamic, from new language syntax to custom parsing like JSX.  I've become a big fan of the spread operator, three dots that may change the way you complete tasks within JavaScript.
Read More

How Secure Are Your JavaScript Open-Source Dependencies?

Modern-day JavaScript developers love npm. GitHub and the npm registry are a developer’s first choice place for finding a particular package. Open-source modules add to the productivity and efficiency by providing developers with a host of functionalities that you can reuse in your project.
Read More

CSS and PWAs: Some Tips for Building Progressive Web Apps

In recent years we’ve seen a number of major shifts in the online experience, mostly coming from the proliferation of mobile devices.
Read More

Dealing with CORS (Cross-Origin Resource Sharing) in Ionic Applications

Almost everybody who is developing Ionic applications will at some point or another run into a fun little error that looks something like this: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access.
Read More

I Built the Ngrx Demo App with Akita. Here’s the Result.

Akita is a simple and effective state management pattern, built on top of RxJS. Akita encourages simplicity. It saves you the hassle of creating boilerplate code and offers powerful tools with a moderate learning curve, suitable for both experienced and inexperienced developers alike.
Read More

Apollo-Angular 1.2 — using GraphQL in your apps just got a whole lot easier!

Check what’s new in Apollo Angular and how to get the full potential benefits of using Angular + GraphQL + TypeScript combined thanks to GraphQL-Code-Generator.
Read More

Introducing Firebase In-App Messaging

Notifications, which are messages delivered to a mobile device's home screen, are a great way to bring latent users back into your app.
Read More

Building CLI Applications with NodeJS

As a developer, chances are you spend most of your time in your terminal, typing in commands to help you get around some tasks.
Read More

Managing State in Angular using Akita

What is Akita? Akita is a simple and effective state management for Angular applications. Akita is built on top of RxJS and inspired by models like Flux and Redux. Akita encourages simplicity.
Read More

3 reasons to use Vue.js in your next web project

Vue.js is surprisingly easy to start with, offers plenty of essential features out of the box, and provides very good performance. Read for more facts, arguments, code snippets and benchmarks.
Read More

Navigation Basics & Passing Data Between Pages in Ionic & Angular

With the introduction of Ionic 4, we have seen a shift in responsibility for navigation from Ionic itself to whatever the underlying framework being used is.
Read More

React vs. Angular vs. Vue.js: A Complete Comparison Guide

Choosing a tech stack sometimes becomes a tedious task as you need to take every factor into consideration, including budget, time, app size, end-users, project objectives, and resources.
Read More

You are being redirected...

Build a Reusable Component with Angular Elements

Code reuse can be significant in any software project. By reusing code, developers can drastically cut development and maintenance time for software projects. This is the reason that every framework for developing software has a way to encapsulate functionality and reuse it.
Read More

First Steps with the Cache API

The Cache API was created to allow Service Workers to have a deeper and fine-grained control over the caching of resources. Through the Cache API a Service Worker can decide to cache resources for offline consumption and retrieve them later.
Read More

Angular, React, Vue.Js and Co. peacefully united thanks to Micro Apps and Web Components

In my article Micro Apps With Web Components Using Angular Elements I'm showing how to leverage Angular Elements and Web Components to implement a modern Micro Apps architecture. It shows a shell that loads individual Micro Apps that can be developed as well as deployed separately.
Read More

Testing RxJS Observables with Marble Diagrams

Testing RxJS might be a hard task, specially when we have a complex pipeline with lots of time assertions. In this article we’ll explore how can we make these tests easier to reason about using Marble Diagrams, but first: Marble Diagrams are visual representation for events emitted over the time.
Read More

Learn to combine RxJs sequences with super intuitive interactive diagrams

When working on a sufficiently complex application you usually have data coming from more than one data source. It can be some multiple external data points like Firebase or several UI widgets interacting with a user.
Read More

Angular Top 10 Articles for the Past Month (v.Aug 2018)

For the past month, we ranked nearly 800 Angular articles to pick the Top 10 stories that can help advance your career (1.25% chance). As an article ranking service for professionals, we take quality very seriously and make sure each article you read is great.
Read More