#LibraryOfTheDay : popper.js
https://popper.js.org/
managing poppers can be a pain, we have learned it the hard way!
Popper.js is just ~6KB minified and gzipped, zero dependencies. Its code base is in ES6 and is automatically tested against several browsers. If this is not enough, it plays super nicely with React, AngularJS and more!
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
https://popper.js.org/
managing poppers can be a pain, we have learned it the hard way!
Popper.js is just ~6KB minified and gzipped, zero dependencies. Its code base is in ES6 and is automatically tested against several browsers. If this is not enough, it plays super nicely with React, AngularJS and more!
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
popper.js.org
Home
Positioning tooltips and popovers is difficult. Popper is here to help! Popper is the de facto standard to position tooltips and popovers in modern web applications.
Here's a video to get you started with popper.js in 3mins from Red Stapler.
https://youtu.be/V1JOH4kS6Pc
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
https://youtu.be/V1JOH4kS6Pc
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
YouTube
Popper.js Tutorial in 3 Minutes
How to use popper.js - a cool javascript library for DOM element positioning and popup management. Zero dependencies, No jQuery or other lib required.
Tutorial Code: https://redstapler.co/popper-js-tutorial-manage-popup-like-pro/
Follow us on
Facebook:β¦
Tutorial Code: https://redstapler.co/popper-js-tutorial-manage-popup-like-pro/
Follow us on
Facebook:β¦
#FrameworkOfTheWeek : Mithril.js
Mithril is a client-side JavaScript framework that is used primarily in developing the Single Page Applications. As there are no derived functions from a base class, the implementation of the framework is more straightforward. It's small (< 8kb gzip), fast and provides routing and XHR utilities out of the box. It has a few features similar to React
https://mithril.js.org/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Mithril is a client-side JavaScript framework that is used primarily in developing the Single Page Applications. As there are no derived functions from a base class, the implementation of the framework is more straightforward. It's small (< 8kb gzip), fast and provides routing and XHR utilities out of the box. It has a few features similar to React
https://mithril.js.org/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Ever tried out "for...of" loop insted of "for...each"?
Here's a video of "for...of" loop from The Coding Train
https://youtu.be/Y8sMnRQYr3c
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Here's a video of "for...of" loop from The Coding Train
https://youtu.be/Y8sMnRQYr3c
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
YouTube
16.4: for...of loop - Topics of JavaScript/ES6
In this video, I explore the new JavaScript ES6 loop: "for...of". This style loop is useful when iterating over the elements of an array.
Video on ES6 let: https://youtu.be/q8SHaDQdul0
Support this channel on Patreon: https://patreon.com/codingtrain
Toβ¦
Video on ES6 let: https://youtu.be/q8SHaDQdul0
Support this channel on Patreon: https://patreon.com/codingtrain
Toβ¦
Wondering what is the difference between other "for" and "for...each" loops? Here's an article from alligator.io
https://alligator.io/js/foreach-vs-for-loops/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
https://alligator.io/js/foreach-vs-for-loops/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
#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β¦
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.
#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.