End-to-End Testing Single Page Apps and Node APIs
Covers most of what’s involved with being able to test SPAs and APIs with Cucumber.js and Puppeteer. - http://bit.ly/2KwMROt
#e2e #cucumber #puppeteer
Covers most of what’s involved with being able to test SPAs and APIs with Cucumber.js and Puppeteer. - http://bit.ly/2KwMROt
#e2e #cucumber #puppeteer
Medium
End-to-end testing Single Page Apps and Node.js APIs with Cucumber.js and Puppeteer
Single Page Apps are a popular approach to building web applications, but testing them in an end-to-end fashion is not simple; you need to…
Your Brain on Front-End Development
I love this article from Chris. He takes a look at a beautiful design on Dribbble and goes through how a front-end developer would look at it and build it out. Chris even uses live code pen examples to showcase how these things would be pulled out. - http://bit.ly/2tixNKi
#css
I love this article from Chris. He takes a look at a beautiful design on Dribbble and goes through how a front-end developer would look at it and build it out. Chris even uses live code pen examples to showcase how these things would be pulled out. - http://bit.ly/2tixNKi
#css
CSS-Tricks
Your Brain on Front-End Development | CSS-Tricks
Part of the job of being a front-end developer is applying different techniques and technologies to pull off the desired UI and UX. Perhaps you work with a
Introducing Teleport: Over-The-Air Hot Reloading and Debugging for PWAs
A dev-server proxy that enables instant hot reloading & debugging across devices, requires no client config and claims to make building and debugging PWA’s a breeze. - http://bit.ly/2Mn88Y4
#pwa
A dev-server proxy that enables instant hot reloading & debugging across devices, requires no client config and claims to make building and debugging PWA’s a breeze. - http://bit.ly/2Mn88Y4
#pwa
Medium
Introducing Teleport: Over-the-air hot reloading & debugging for PWA’s ⚡️
PWA’s are awesome. Using a single codebase, they let you build apps that target both mobile & desktop platforms.
Build A Progressive Web Application With Nuxt.js - http://bit.ly/2lxY3fx
Digitalocean
Build A Progressive Web Application With Nuxt.js | DigitalOcean
In this tutorial, I’ll be showing you how to build a progressive web app with Nuxt.js.
BEM For Beginners: Why You Need BEM
BEM is what we in the UK might call a ‘Marmite’ topic: people either love it and use it all the time or are disinterested in the idea entirely. CSS style isolation has value, however, and BEM can bring you more besides when it comes to structuring your frontend code. I’m still not convinced myself but this is a worthy attempt at showing BEM’s worth. - http://bit.ly/2MwbRmf
#css #bem
BEM is what we in the UK might call a ‘Marmite’ topic: people either love it and use it all the time or are disinterested in the idea entirely. CSS style isolation has value, however, and BEM can bring you more besides when it comes to structuring your frontend code. I’m still not convinced myself but this is a worthy attempt at showing BEM’s worth. - http://bit.ly/2MwbRmf
#css #bem
Smashing Magazine
BEM For Beginners: Why You Need BEM — Smashing Magazine
CSS styles isolation is the most frequent start point of the BEM usage. But this is the least that BEM can give you. BEM brings a system approach in your project and keeps it from the mess.
Practical Tips for Working with CSS Variables
Michelle Barker shares a few tips for integrating CSS Variables into your workflow. - http://bit.ly/2Ku7VG8
#css
Michelle Barker shares a few tips for integrating CSS Variables into your workflow. - http://bit.ly/2Ku7VG8
#css
css-irl.info
CSS {In Real Life}
CSS In Real Life is a blog covering CSS topics and useful snippets on the web’s most beautiful language. Published by Michelle Barker, front end developer at Mud and CSS superfan.
Using JavaScript Modules on the Web
Node supports ES modules, Firefox 60 supports ES modules, indeed most browsers do so you might enjoy this Chrome-themed explanation of what they are, how to use them in the browser, and how to keep them fast. - http://bit.ly/2KBwPTm
#javascript
Node supports ES modules, Firefox 60 supports ES modules, indeed most browsers do so you might enjoy this Chrome-themed explanation of what they are, how to use them in the browser, and how to keep them fast. - http://bit.ly/2KBwPTm
#javascript
v8.dev
JavaScript modules · V8
This article explains how to use JavaScript modules, how to deploy them responsibly, and how the Chrome team is working to make modules even better in the future.
Introducing Vue Native
Vue Native is a framework for building cross-platform native mobile apps using Vue.js. It does this by compiling the Vue code to React Native. Learn more about it in this article by the creators. - http://bit.ly/2IJjraR
#vueNative
Vue Native is a framework for building cross-platform native mobile apps using Vue.js. It does this by compiling the Vue code to React Native. Learn more about it in this article by the creators. - http://bit.ly/2IJjraR
#vueNative
GeekyAnts Blog
Introducing Vue Native
We at GeekyAnts are very excited to share one of our side projects which we have been working on for a while, Vue Native!
How to Build Native Extensions for Node.js
A step by step guide to understand the core concepts involved in building your first Node.js extension if you have something in C++ you want to be able to call from Node code. - http://bit.ly/2MJ0nvC
#nodejs
A step by step guide to understand the core concepts involved in building your first Node.js extension if you have something in C++ you want to be able to call from Node code. - http://bit.ly/2MJ0nvC
#nodejs
Medium
Native Extensions for Node.js
A step by step guide to understand the core concepts and build a first extension
The Web Layouts of Tomorrow
How modern CSS can aid with building “unconventional” layouts. - http://bit.ly/2tBeEmZ
#css
How modern CSS can aid with building “unconventional” layouts. - http://bit.ly/2tBeEmZ
#css
Max Böck
The Layouts of Tomorrow
I went over to dribbble in search of fresh webdesign ideas - how hard is it to build a non-standard layout, given the modern CSS tools we have today? An experiment on CodePen.
A Minimal Guide to ECMAScript Decorators
Decorators, which would provide a handy syntax to mutate functions or classes, are currently at stage 2 of TC39’s process, but how are they likely to work? - http://bit.ly/2lPSYzi
#javascript
Decorators, which would provide a handy syntax to mutate functions or classes, are currently at stage 2 of TC39’s process, but how are they likely to work? - http://bit.ly/2lPSYzi
#javascript
ITNEXT
A minimal guide to ECMAScript Decorators
A short introduction to “decorators” proposal in JavaScript with basic examples and little bit about ECMAScript
Build a Single Page App from Scratch Without a Framework
Using jQuery (yes!), Handlebars, Express and Axios. - http://bit.ly/2KCGOog
#jquery #spa
Using jQuery (yes!), Handlebars, Express and Axios. - http://bit.ly/2KCGOog
#jquery #spa
Sitepoint
Build a JavaScript Single Page App Without a Framework — SitePoint
Michael shows how to build an SPA from scratch, without using a client-side JavaScript framework — helping you evaluate what these frameworks actually do.
PWA Minimus: A Minimal PWA checklist
A checklist and starter code covering the features you need to support to be a progressive web app. - http://bit.ly/2z9Mq8h
#pwa
A checklist and starter code covering the features you need to support to be a progressive web app. - http://bit.ly/2z9Mq8h
#pwa
mobiForge
PWA Minimus: A minimal PWA checklist - mobiForge
Now that Progressive Web Apps are supported on all major browsers, we present a minimal PWA checklist: PWA Minimus, to meet the minimum PWA requirements
21 Top Vue.js UI Libraries For Your App
21 best and popular Vue.js UI component libraries and frameworks for building your next Vue.js application faster with UI components. - http://bit.ly/2Nh72OJ
#vue
21 best and popular Vue.js UI component libraries and frameworks for building your next Vue.js application faster with UI components. - http://bit.ly/2Nh72OJ
#vue
Hacker Noon
21 Top Vue.js UI Libraries For Your App
A master-list of the best Vue.js UI component libraries for 2018.
NativeScript Now Supports Vector Types
NativeScript 4.1 now includes support for vector types on iOS. Here’s a look at how the types work and some of the things you can do with them. - http://bit.ly/2KLOMvi
#nativeScript
NativeScript 4.1 now includes support for vector types on iOS. Here’s a look at how the types work and some of the things you can do with them. - http://bit.ly/2KLOMvi
#nativeScript
The Internals of Shadow DOM and How to Build Self-Contained Components
A basic introduction to building Web Components. - http://bit.ly/2MHK7el
#shadowDOM
A basic introduction to building Web Components. - http://bit.ly/2MHK7el
#shadowDOM
SessionStack Blog
How JavaScript works: the internals of Shadow DOM + how to build self-contained components
This is post # 17 of the series dedicated to exploring JavaScript and its building components.
8-Point Grid: Typography on the Web
Web typography is confusing. Do you know the best practices? - http://bit.ly/2tVMQtA
#web #typography
Web typography is confusing. Do you know the best practices? - http://bit.ly/2tVMQtA
#web #typography
freeCodeCamp.org
8-Point Grid: Typography On The Web
Web typography is confusing. Do you know the best practices?
When I started looking around at popular websites to figure out the best
practices for web typography, I must admit I was baffled. Below are some
examples of typography scales I pulled from a few…
When I started looking around at popular websites to figure out the best
practices for web typography, I must admit I was baffled. Below are some
examples of typography scales I pulled from a few…
Introducing rest-hapi: Build Fast REST APIs with Node
A RESTful API generator built as a plugin for Hapi and that uses Mongoose and MongoDB behind the scenes. - http://bit.ly/2NrclLx
#nodejs
A RESTful API generator built as a plugin for Hapi and that uses Mongoose and MongoDB behind the scenes. - http://bit.ly/2NrclLx
#nodejs
Resthapi
How to build powerful REST APIs blazingly fast with Node.js · rest-hapi
> Original post can be found [here on Medium](https://medium.com/@headley.justin/how-to-build-powerful-rest-apis-blazingly-fast-with-node-js-86d6e55a5b34)
How to build a real-time editable data table in Vue.js
Learn how to make a real-time editable data table in Vue.js and Hamoni Sync. - http://bit.ly/2NjSHkr
#vue
Learn how to make a real-time editable data table in Vue.js and Hamoni Sync. - http://bit.ly/2NjSHkr
#vue
The Practical Dev
How to build a real-time editable data table in Vue.js
learn how to make a real-time editable data table in vue.js and hamoni sync