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β¦
Wondering what's the difference between Lodash and Underscore.js?
Here's an article from Semmle
https://blog.semmle.com/lodash-vs-underscore/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events
Here's an article from Semmle
https://blog.semmle.com/lodash-vs-underscore/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events
#LibraryOfTheDay : Modernizr
Modernizr is a small piece of JavaScript code that automatically detects the availability of next-generation web technologies in your user's browsers. Rather than blacklisting entire ranges of browsers based on βUA sniffing,β Modernizr uses feature detection to allow you to easily tailor your user's experiences based on the actual capabilities of their browser.
With this knowledge that Modernizr gives you, you can take advantage of these new features in the browsers that can render or utilize them, and still have easy and reliable means of controlling the situation for the browsers that cannot.
https://modernizr.com/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Modernizr is a small piece of JavaScript code that automatically detects the availability of next-generation web technologies in your user's browsers. Rather than blacklisting entire ranges of browsers based on βUA sniffing,β Modernizr uses feature detection to allow you to easily tailor your user's experiences based on the actual capabilities of their browser.
With this knowledge that Modernizr gives you, you can take advantage of these new features in the browsers that can render or utilize them, and still have easy and reliable means of controlling the situation for the browsers that cannot.
https://modernizr.com/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
π1
Here's an article from Hongkiat to get you started with modernizr.
https://www.hongkiat.com/blog/modernizr/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
https://www.hongkiat.com/blog/modernizr/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Hongkiat
Getting Started with Modernizr
Modernizr is a JavaScript Library used by many popular websites including Twitter, USMagazine, Good.is, About.com, etc. In our previous posts, we have
π1
#FrameworkOfTheWeek : Foundation
A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable.
https://foundation.zurb.com/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable.
https://foundation.zurb.com/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Here's a youtube video from Traversy media to get you started with Foundation.js
https://youtu.be/DEu5xYEZx18
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
https://youtu.be/DEu5xYEZx18
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
YouTube
Foundation Framework Crash Course
In this crash course we will be looking at the Zurb Foundation front-end framework which is an alternative to Twitter Bootstrap
Foundation Tutorial Contents:
What is Foundation?
Installation/Setup
Typography
Helper Classes
Topbar
Forms
Tables & Lists
Buttonsβ¦
Foundation Tutorial Contents:
What is Foundation?
Installation/Setup
Typography
Helper Classes
Topbar
Forms
Tables & Lists
Buttonsβ¦
"Little known features of JavaScriptβ by Viral Shah
https://link.medium.com/J2fK9p1Pg2
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
https://link.medium.com/J2fK9p1Pg2
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
β€1π1
#LibraryOfTheDay : Cube.js
Cube.js is an open source modular framework to build analytical web applications. It is primarily used to build internal business intelligence tools or to add customer-facing analytics to an existing application.
It was designed to work with Serverless Query Engines like AWS Athena and Google BigQuery. Multi-stage querying approach makes it suitable for handling trillions of data points. Most modern RDBMS work with Cube.js as well and can be tuned for adequate performance.
https://cube.dev/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Cube.js is an open source modular framework to build analytical web applications. It is primarily used to build internal business intelligence tools or to add customer-facing analytics to an existing application.
It was designed to work with Serverless Query Engines like AWS Athena and Google BigQuery. Multi-stage querying approach makes it suitable for handling trillions of data points. Most modern RDBMS work with Cube.js as well and can be tuned for adequate performance.
https://cube.dev/
ππ Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
cube.dev
Cube: Agentic Analytics Platform
Cube is the agentic analytics platform with universal semantic layer, native BI, and AI agents. Deploy autonomous analytics without vendor lock-in.