Learning Dynamic Components — Making a Pizza Creator App using Angular
In the previous post of “You don’t Know Angular” series, we have discussed how we project data into a component. We have learned projections at specific places inside the component using the projection slots concept. In this post, we are going to learn “ How and Why of Dynamic Components” - http://bit.ly/2w61Sxn
#angular6
In the previous post of “You don’t Know Angular” series, we have discussed how we project data into a component. We have learned projections at specific places inside the component using the projection slots concept. In this post, we are going to learn “ How and Why of Dynamic Components” - http://bit.ly/2w61Sxn
#angular6
Medium
Learning Dynamic Components — Making a Pizza Creator App using Angular
In the previous post of “You don’t Know Angular” series, we have discussed how we project data into a component. We have learned…
Well-Controlled Scrolling with CSS Scroll Snap
Robert Flack and Majid Valipour give an introduction to CSS Scroll Snap. - http://bit.ly/2vN6UiI
#css
Robert Flack and Majid Valipour give an introduction to CSS Scroll Snap. - http://bit.ly/2vN6UiI
#css
web.dev
Well-controlled scrolling with CSS Scroll Snap
CSS Scroll Snap allows web developers to create well-controlled scroll experiences by declaring scroll snapping positions. This enables common UX scroll patterns without the need for JavaScript.
Building microservices for Telegram bot using Node.js, RabbitMQ, MongoDB and Docker from scratch.
Reat how to build a full cycle of developing Telegram bot using microservice architecture. - http://bit.ly/2vO1F2j
#nodejs #bot #architecture
Reat how to build a full cycle of developing Telegram bot using microservice architecture. - http://bit.ly/2vO1F2j
#nodejs #bot #architecture
Medium
Building microservices for Telegram bot using Node.js, RabbitMQ, MongoDB and Docker from scratch.
Last week I felt an inspiration to write a weekend project, but I had no idea what to create. So I asked my best friend for help. Luckily…
How to Deal with Dirty Side Effects in Your Pure Functional JavaScript
A pure function is a function that has no side effects. But if you know anything about programming, you know that side effects are the whole point. - http://bit.ly/2N06ps8
#javascript
A pure function is a function that has no side effects. But if you know anything about programming, you know that side effects are the whole point. - http://bit.ly/2N06ps8
#javascript
James Sinclair
How to deal with dirty side effects in your pure functional JavaScript
If you start learning about functional programming, it won't be long before you come across the idea of pure functions. And as you go on, you will discover functional programmers appear to be obsessed with them. “Pure functions let you reason about your code…
A Curated Compilation of Node Best Practices
Curated from numerous popular articles, this in-development list of best practices covers topics from error handling to memory use and, most recently, security. - http://bit.ly/2nOUeU6
#nodejs
Curated from numerous popular articles, this in-development list of best practices covers topics from error handling to memory use and, most recently, security. - http://bit.ly/2nOUeU6
#nodejs
GitHub
GitHub - goldbergyoni/nodebestpractices: The Node.js best practices list (May 2023)
:white_check_mark: The Node.js best practices list (May 2023) - GitHub - goldbergyoni/nodebestpractices: The Node.js best practices list (May 2023)
A Tour of React’s Render Props Pattern
By way of a tutorial focused on building a currency conversion tool you’ll get to learn everything about React’s render prop pattern. - http://bit.ly/2nTIIao
#react
By way of a tutorial focused on building a currency conversion tool you’ll get to learn everything about React’s render prop pattern. - http://bit.ly/2nTIIao
#react
www.robinwieruch.de
React Render Props
The concept of children as a function or child as a function, also called render prop in general, is one of the advanced patterns in React. This tutorial goes through a real world example ...
Your Site’s Body Text is Too Small
Why website body text should be bigger, and ways to optimize it. - http://bit.ly/2MOOrJ7
#css
Why website body text should be bigger, and ways to optimize it. - http://bit.ly/2MOOrJ7
#css
Marvel Blog
Your Body Text Is Too Small
Body text is the key component in communicating the main bulk of a message or story, and it’s probably the most important element on a website, even if people sometimes read just the headlines. Why would we limit the effectiveness of body text by minimizing…
Managing State in Angular using 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. - http://bit.ly/2LabDjs
#angular #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. - http://bit.ly/2LabDjs
#angular #akita
Ng-Book
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.
MongoDB, Express, Vue.js 2, Node.js (MEVN) and SocketIO Chat App
A comprehensive tutorial for building a real-time chat application using the popular MEVN stack with SocketIO. - http://bit.ly/2Li7fPG
#vue #mevn
A comprehensive tutorial for building a real-time chat application using the popular MEVN stack with SocketIO. - http://bit.ly/2Li7fPG
#vue #mevn
Djamware
MongoDB, Express, Vue.js 2, Node.js (MEVN) and SocketIO Chat App
The comprehensive tutorial on MongoDB, Express, Vue.js 2, Node.js (MEVN) and SocketIO Chat Application
Getting Alexa to Respond to Sign Language Using a Webcam and TensorFlow.js
A look at the underlying tech behind a proof of concept to get an Amazon Echo to respond to sign language, plus how the system was built using TensorFlow.js. - http://bit.ly/2nKhent
#javascript #alexa
A look at the underlying tech behind a proof of concept to get an Amazon Echo to respond to sign language, plus how the system was built using TensorFlow.js. - http://bit.ly/2nKhent
#javascript #alexa
Medium
Getting Alexa to Respond to Sign Language Using Your Webcam and TensorFlow.js
By Abhishek Singh
Using Data in React with the Fetch API and Axios
As you build React apps, you will run into lots of scenarios where you want to handle data from an API — here’s a look at how. - http://bit.ly/2MsfxtC
#react #axios
As you build React apps, you will run into lots of scenarios where you want to handle data from an API — here’s a look at how. - http://bit.ly/2MsfxtC
#react #axios
CSS-Tricks
Using data in React with the Fetch API and axios | CSS-Tricks
If you are new to React, and perhaps have only played with building to-do and counter apps, you may not yet have run across a need to pull in data for
Browser Painting and Considerations for Web Performance
Georgy Marchuk explains why we need to be mindful of the impact our code has on the painting process and performance in general. - http://bit.ly/2Ppd4xP
#css
Georgy Marchuk explains why we need to be mindful of the impact our code has on the painting process and performance in general. - http://bit.ly/2Ppd4xP
#css
CSS-Tricks
Browser painting and considerations for web performance | CSS-Tricks
The process of a web browser turning HTML, CSS, and JavaScript into a finished visual representation is quite complex and involves a good bit of magic.
Handling Authentication In Vue Using Vuex
Local storage is often used to manage tokens generated through client-side authentication. This articles by Chris Nwamba shows how Vuex can be used as a superior alternative. - http://bit.ly/2N2nIcb
#vuex
Local storage is often used to manage tokens generated through client-side authentication. This articles by Chris Nwamba shows how Vuex can be used as a superior alternative. - http://bit.ly/2N2nIcb
#vuex
Scotch
Handling Authentication In Vue Using Vuex
Traditionally, many people use local storage to manage tokens generated through client-side authentication. A big concern is always a better way to manage authorization tokens to allow us to store even more information on users. This is where Vuex comes
The Generic Sensor API
Exploring the Generic Sensor API, which aims to make a consistent JavaScript API across a variety of different sensors (most often common on mobile devices) to make it easier to support new ones on the Web. - http://bit.ly/2BvMro0
#mobile #sensor #api
Exploring the Generic Sensor API, which aims to make a consistent JavaScript API across a variety of different sensors (most often common on mobile devices) to make it easier to support new ones on the Web. - http://bit.ly/2BvMro0
#mobile #sensor #api
mobiForge
The Generic Sensor API - mobiForge
The Generic Sensor API aims to make device sensors easier to use and extend by providing a set of consistent APIs to access sensors.
How to Pass Props to Components in React
“Everyone who is new to React is confused by these so called props, because they are never mentioned in any other web framework, and rarely explained on their own.” - http://bit.ly/2PmleXM
#react
“Everyone who is new to React is confused by these so called props, because they are never mentioned in any other web framework, and rarely explained on their own.” - http://bit.ly/2PmleXM
#react
www.robinwieruch.de
How to use Props in React
Everything you need to know about props in React. How to pass props to components, how to set default props, how to know the difference between props and state, and how to pass components or functions as props, ...
3 Ways to Create Angled Edges With SVG
Adi Purdila shows three ways to create angled edges using SVG. - http://bit.ly/2LdOoFh
#css #svg
Adi Purdila shows three ways to create angled edges using SVG. - http://bit.ly/2LdOoFh
#css #svg
Web Design Envato Tuts+
3 Ways to Create Angled Edges With SVG
In this tutorial you’ll learn three ways to create easy angled edges using SVG. To begin with we’ll use an inline SVG, then we’ll use an SVG background on a pseudo-element, before finishing off...
Full-Stack TypeScript Apps - Part 2: Developing Frontend Angular Apps
This is a series on how to build a full-stack TypeScript web application using Angular and Nest.js. In the first part, we learned how to build a simple API with Nest.js. In part two, here, we are going to learn how to use Angular to develop the frontend of the application that communicates with Nest.js. - http://bit.ly/2Ms8DnY
#angular
This is a series on how to build a full-stack TypeScript web application using Angular and Nest.js. In the first part, we learned how to build a simple API with Nest.js. In part two, here, we are going to learn how to use Angular to develop the frontend of the application that communicates with Nest.js. - http://bit.ly/2Ms8DnY
#angular
Auth0 - Blog
Full-Stack TypeScript Apps - Part 2: Developing Frontend Angular Apps
This series shows how to create a simple, full-stack web application with Angular, TypeScript, and Nest.js. Part 2: Developing frontend Angular apps.
Attribute Directives ❤ Angular Forms
In this article, we’ll examine creating Angular Directives that interact with the Angular Forms controls. We’ll do that by creating an attribute directive which hooks into the underlying form control and changes the directive’s host element border. - http://bit.ly/2MEpinG
#angular #forms
In this article, we’ll examine creating Angular Directives that interact with the Angular Forms controls. We’ll do that by creating an attribute directive which hooks into the underlying form control and changes the directive’s host element border. - http://bit.ly/2MEpinG
#angular #forms
Netanel Basal
Attribute Directives ❤ Angular Forms
In this article, we’ll examine creating Angular Directives that interact with the Angular Forms controls.
How to Display a List in React
You’ve got a list of items you want to appear on screen, but what’s the “React way” to do this? - http://bit.ly/2Mn7UEG
#react
You’ve got a list of items you want to appear on screen, but what’s the “React way” to do this? - http://bit.ly/2Mn7UEG
#react
Dave Ceddia
How to Display a List in React