#LibraryOfTheDay : Shepherd.js
Shepherd is a JavaScript library for guiding users through your app. It uses Tether, another open source library, to render dialogs for each tour "step".
Among many things, Tether makes sure your steps never end up off screen or cropped by an overflow.
https://shepherdjs.dev/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Shepherd is a JavaScript library for guiding users through your app. It uses Tether, another open source library, to render dialogs for each tour "step".
Among many things, Tether makes sure your steps never end up off screen or cropped by an overflow.
https://shepherdjs.dev/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Here's a youtube video from Design Course to get you started with shepherd.js
https://youtu.be/oSAi10QQyoI
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
https://youtu.be/oSAi10QQyoI
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
YouTube
Creating Step by Step Feature Introductions with Shepherd.js
Today's Question: Are you physically active on a regular basis?
-- In today's tutorial, I'm going to show you how quick and easy it is to create a step by step tour that introduces important areas of a UI to new users. We'll do this by using Shepherd.js.β¦
-- In today's tutorial, I'm going to show you how quick and easy it is to create a step by step tour that introduces important areas of a UI to new users. We'll do this by using Shepherd.js.β¦
#LibraryOfTheDay : Faker.js
faker.js is a JavaScript library for generating fake data. Fake data is useful when building and testing our application. The faker.js can generate fake data for various areas, including address, commerce, company, date, finance, image, random, or name.
https://github.com/marak/Faker.js/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
faker.js is a JavaScript library for generating fake data. Fake data is useful when building and testing our application. The faker.js can generate fake data for various areas, including address, commerce, company, date, finance, image, random, or name.
https://github.com/marak/Faker.js/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Here's a youtube video from Red Stapler to get you started with faker.js
https://youtu.be/16p3LC1bFZc
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
https://youtu.be/16p3LC1bFZc
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
YouTube
Faker.js Tutorial - Generate Random Name with Javascript
How to generate a random names and dummy personal info, address and profile picture with Faker.js - Very useful javascript library for testing your mock website or database
Source code: https://redstapler.co/tutorials/generate-random-name-faker-js/
Followβ¦
Source code: https://redstapler.co/tutorials/generate-random-name-faker-js/
Followβ¦
#LibraryOfTheDay : Robot.js
A library aimed at facilitating the development of system automation software for the purposes of test automation, self-running demos, and other applications. The library works by abstracting away all platform-specific differences into a single, robust API compatible with most desktop operating systems. Functionality ranges from basic keyboard and mouse automation to advanced process manipulation capabilities. It has everything you need to take full control of your system.
http://robotjs.io/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
A library aimed at facilitating the development of system automation software for the purposes of test automation, self-running demos, and other applications. The library works by abstracting away all platform-specific differences into a single, robust API compatible with most desktop operating systems. Functionality ranges from basic keyboard and mouse automation to advanced process manipulation capabilities. It has everything you need to take full control of your system.
http://robotjs.io/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Here's a youtube video from Retro Gamer to get you started with Robot.js
https://youtu.be/pIDwXGm2B14
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
https://youtu.be/pIDwXGm2B14
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
YouTube
Robotjs Beginners Tutorial
Robotjs beginners tutorial
https://github.com/JasonDeving/Robotjs-tutorial
#robotjs #automation #javascript #tutorial
https://github.com/JasonDeving/Robotjs-tutorial
#robotjs #automation #javascript #tutorial
#LibraryOfTheDay : Pixi.js
Pixi is an extremely fast 2D sprite rendering engine.It means that it helps you to display, animate and manage interactive graphics so that it's easy for you to make games and applications using JavaScript and other HTML5 technologies.
It has a sensible, uncluttered API and includes many useful features, like supporting texture atlases and providing a streamlined system for animating sprites (interactive images).
https://www.pixijs.com/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Pixi is an extremely fast 2D sprite rendering engine.It means that it helps you to display, animate and manage interactive graphics so that it's easy for you to make games and applications using JavaScript and other HTML5 technologies.
It has a sensible, uncluttered API and includes many useful features, like supporting texture atlases and providing a streamlined system for animating sprites (interactive images).
https://www.pixijs.com/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Pixijs
PixiJS | The HTML5 Creation Engine | PixiJS
PixiJS - The HTML5 Creation Engine. Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
Here's a youtube video from Fullstack Academy to get you started with Pixi.js
https://youtu.be/GLbjF-ajG_I
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
https://youtu.be/GLbjF-ajG_I
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
YouTube
PIXI.js Tutorial - An Overview of PIXI.js and its Advantages
Learn more advanced front-end and full-stack development at: https://www.fullstackacademy.com
Pixi.js is an open source, 2D rendering JavaScript library that allows you to create interactive graphics, cross-platform applications, and games without havingβ¦
Pixi.js is an open source, 2D rendering JavaScript library that allows you to create interactive graphics, cross-platform applications, and games without havingβ¦
#FrameworkOfTheWeek : Ember.js
Ember.js is an open-source JavaScript web framework, based on the Modelβviewβviewmodel (MVVM) pattern. It allows developers to create scalable single-page web applications by incorporating common idioms and best practices into the framework
https://emberjs.com/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Ember.js is an open-source JavaScript web framework, based on the Modelβviewβviewmodel (MVVM) pattern. It allows developers to create scalable single-page web applications by incorporating common idioms and best practices into the framework
https://emberjs.com/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Emberjs
Ember.js - A framework for ambitious web developers
Ember.js helps developers be more productive out of the box. Designed with developer ergonomics in mind, its friendly APIs help you get your job doneβfast.
Here's a youtube video from Kyle Robinson Young to get you started with the fundamentals of Ember.js
https://youtu.be/53OpEYA4zPQ
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
https://youtu.be/53OpEYA4zPQ
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
YouTube
Ember.js Fundamentals
Data down and actions up with Ember!
Code examples from this video: https://github.com/shama/letswritecode/tree/master/ember-fundamentals
Code examples from this video: https://github.com/shama/letswritecode/tree/master/ember-fundamentals
ES2019 features
https://youtu.be/1_hHxra0Lf4
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
https://youtu.be/1_hHxra0Lf4
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
YouTube
ES2019 Features: What Even Are They? by Tara Z. Manicsic | JSConf EU 2019
Thankfully, every year ECMAScript gives us new shinies to advance how we code JavaScript. Iβve found myself digging into features & proposals ever since my curiosity of ES2017βs SharedArrayBuffer took me down a fascinating rabbit hole. Letβs delve into someβ¦
π1
Analytics with vanilla js: page views
https://dev.to/zigabrencic/analytics-with-vanilla-js-page-views-47pb
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events
https://dev.to/zigabrencic/analytics-with-vanilla-js-page-views-47pb
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events
DEV Community
Analytics with vanilla JS: page views
How to get basic page view statistics? Second article in the series Analytics with Vanilla JS. Motiv...
#LibraryOfTheDay : Helmet.js
Helmet helps you secure your Express apps by setting various HTTP headers. Itβs not a silver bullet, but it can help!
Helmet is a collection of 13 smaller middleware functions that set HTTP response headers. Running app.use(helmet()) will not include all of these middleware functions by default.
https://helmetjs.github.io/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Helmet helps you secure your Express apps by setting various HTTP headers. Itβs not a silver bullet, but it can help!
Helmet is a collection of 13 smaller middleware functions that set HTTP response headers. Running app.use(helmet()) will not include all of these middleware functions by default.
https://helmetjs.github.io/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Here's an article to get you started with helmet.js
https://www.twilio.com/blog/securing-your-express-app-html
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events
https://www.twilio.com/blog/securing-your-express-app-html
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events
Twilio Blog
Putting the helmet on β Securing your Express app
Learn how you can improve the security of your Node.js & Express web application with a set of HTTP headers such as Content Security Policy.
β€1
#LibraryOfTheDay : Typewriter.js
A simple yet cool native JavaScript plugin for a typewriter effect for 5kb zip.
https://safi.me.uk/typewriterjs/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
A simple yet cool native JavaScript plugin for a typewriter effect for 5kb zip.
https://safi.me.uk/typewriterjs/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Create a terminal website with typewriter.js
https://dev.to/tiffany/a-simple-terminal-website-with-css-and-typewriter-js-aj9
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
https://dev.to/tiffany/a-simple-terminal-website-with-css-and-typewriter-js-aj9
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
DEV Community
A Simple Terminal Website with CSS and Typewriter.js
Just recently, I was searching for how to create a terminal-esque website, much like Jeremy Wagner's...
#LibraryOfTheDay : Lodash.js
Lodash makes JavaScript easier by taking the hassle out of working with arrays,
numbers, objects, strings, etc. Lodashβs modular methods are great for:
> Iterating arrays, objects, & strings
> Manipulating & testing values
> Creating composite functions
https://lodash.com/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Lodash makes JavaScript easier by taking the hassle out of working with arrays,
numbers, objects, strings, etc. Lodashβs modular methods are great for:
> Iterating arrays, objects, & strings
> Manipulating & testing values
> Creating composite functions
https://lodash.com/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Here's viedo from Full Stack Academy of Code to get you started with Lodash
https://youtu.be/cqw2i0HIj74
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events
https://youtu.be/cqw2i0HIj74
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events
YouTube
Lodash Tutorial - How Lodash can enhance your JS code
Learn more advanced front-end and full-stack development at: https://www.fullstackacademy.com
Lodash and other utility modules (underscore.js, lazy.js, ...) can be a little intimidating. There are so many methods built-in to these large utility objects.β¦
Lodash and other utility modules (underscore.js, lazy.js, ...) can be a little intimidating. There are so many methods built-in to these large utility objects.β¦
#LibraryOfTheDay : Underscore.js
Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects.
Underscore provides over 100 functions that support both your favorite workaday functional helpers: map, filter, invoke β as well as more specialized goodies: function binding, javascript templating, creating quick indexes, deep equality testing, and so on
https://underscorejs.org/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects.
Underscore provides over 100 functions that support both your favorite workaday functional helpers: map, filter, invoke β as well as more specialized goodies: function binding, javascript templating, creating quick indexes, deep equality testing, and so on
https://underscorejs.org/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
π2
Here's a youtube video from Matt Gerl to get a taste of Underscore.js with _.each function
https://youtu.be/TCJwwO6uj4A
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
https://youtu.be/TCJwwO6uj4A
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
YouTube
Underscore.js each function // _.each()
A video screencast tutorial on the Underscore.js each function and how to use it.
There are tons more videos and articles on my website at https://mattgeri.com
Make sure you subscribe to my newsletter to get all the latest videos plus lots more free webβ¦
There are tons more videos and articles on my website at https://mattgeri.com
Make sure you subscribe to my newsletter to get all the latest videos plus lots more free webβ¦