JavaScript Daily
https://medium.com/@devongovett/parcel-v1-5-0-released-source-maps-webassembly-rust-and-more-3a6385e43b95
Medium
📦 Parcel v1.6.0: Zero Config ES6+ and JSX, Node and Electron Targets, Bundle Statistics, and more! 🚀
Today I’m excited to release Parcel v1.6.0, a huge release made possible by our awesome community! Check it out on Github.
Code challenges - plain js projects
https://javascript30.com/
https://javascript30.com/
JavaScript 30
Build 30 things with vanilla JS in 30 days with 30 tutorials
Six useful JavaScript libraries for dealing with data
These libraries can help format your data for analysis or a compelling online presentation.
Need to reformat data for use in another application? Plot it on a map? Use it for an interactive Web graphic? These open-source JavaScript libraries can help turn your data into a suitable format for analysis or a compelling online presentation.
https://www.computerworld.com/article/2495888/web-apps/web-apps-six-useful-javascript-libraries-for-dealing-with-data.html
These libraries can help format your data for analysis or a compelling online presentation.
Need to reformat data for use in another application? Plot it on a map? Use it for an interactive Web graphic? These open-source JavaScript libraries can help turn your data into a suitable format for analysis or a compelling online presentation.
https://www.computerworld.com/article/2495888/web-apps/web-apps-six-useful-javascript-libraries-for-dealing-with-data.html
Computerworld
Six useful JavaScript libraries for dealing with data
These libraries can help format your data for analysis or a compelling online presentation.
Scraping the Web With Node.js
Before web based API's became the prominent way of sharing data between services we had web scraping. Web scraping is a technique in data extraction where you pull information from websites.
There are many ways this can be accomplished. It can be done manually by copy and pasting data from a website, using specialized software, or building your own scripts to scrape data. In this tutorial, we will be showing you how to build a simple web scraper that gets some general movie information from IMDB. The technologies we will be using to accomplish this are:
- NodeJS: A back end JS framework.
- ExpressJS: The Node framework that everyone uses and loves.
- Request: Helps us make HTTP calls.
- Cheerio: Implementation of core jQuery specifically for the server (helps us traverse the DOM and extract data).
https://scotch.io/tutorials/scraping-the-web-with-node-js
Before web based API's became the prominent way of sharing data between services we had web scraping. Web scraping is a technique in data extraction where you pull information from websites.
There are many ways this can be accomplished. It can be done manually by copy and pasting data from a website, using specialized software, or building your own scripts to scrape data. In this tutorial, we will be showing you how to build a simple web scraper that gets some general movie information from IMDB. The technologies we will be using to accomplish this are:
- NodeJS: A back end JS framework.
- ExpressJS: The Node framework that everyone uses and loves.
- Request: Helps us make HTTP calls.
- Cheerio: Implementation of core jQuery specifically for the server (helps us traverse the DOM and extract data).
https://scotch.io/tutorials/scraping-the-web-with-node-js
Digitalocean
How To Scrape a Website Using Node.js and Puppeteer | DigitalOcean
In this tutorial, you will build a web scraping application using Node.js and Puppeteer. Your app will grow in complexity as you progress. First, you will co…
Data processing using JavaScript built-in methods
Building UI in the client side using JavaScript involves retrieving JSON data from the server using REST APIs and processing. Similarly, Node.js could retrieve data from a datasource and do some processing. For small scale data processing, JavaScript has very good built-in methods, which are super fun to work with. This article takes an example data and process it to get insight into the data.
https://sbalagop.wordpress.com/2017/06/01/data-processing-using-built-in-javascript-methods/
Building UI in the client side using JavaScript involves retrieving JSON data from the server using REST APIs and processing. Similarly, Node.js could retrieve data from a datasource and do some processing. For small scale data processing, JavaScript has very good built-in methods, which are super fun to work with. This article takes an example data and process it to get insight into the data.
https://sbalagop.wordpress.com/2017/06/01/data-processing-using-built-in-javascript-methods/
Sivakumar Balagopalan
Data processing using JavaScript built-in methods
Introduction Building UI in the client side using JavaScript involves retrieving JSON data from the server using REST APIs and processing. Similarly, Node.js could retrieve data from a datasource a…
Build A Web App with VueJS, Spring Framework and MongoDB
Vue is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is very easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and support libraries.
This course combines Vue.JS, Spring Boot, MongoDB, Google SSO and etc into one web app - a message board project, as I believe the best way to learn is through hands-on development. With this DEMO project, you will know how things look like when they are working together. After that, you can put those components into your own project if you need to.
http://academy.learn4startup.com/p/SkNuVW6fe/build-a-message-board-app-with-vue-spring-and-mongodb/
Vue is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is very easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and support libraries.
This course combines Vue.JS, Spring Boot, MongoDB, Google SSO and etc into one web app - a message board project, as I believe the best way to learn is through hands-on development. With this DEMO project, you will know how things look like when they are working together. After that, you can put those components into your own project if you need to.
http://academy.learn4startup.com/p/SkNuVW6fe/build-a-message-board-app-with-vue-spring-and-mongodb/
It’s Resilient CSS Week
Writing code that works in all web browsers at the same time is one of the most important things we do. New technology is coming out all the time. Yet many of the people visiting the websites we build are using old browsers. How can we use new CSS if it’s not supported in every browser — especially when users keep using old, crufty browsers? Do we have to wait until 100% of people have a browsers with the new feature? Don’t we have to wait until Internet Explorer is dead before we can use the new stuff?
https://hacks.mozilla.org/2018/02/its-resilient-css-week/
Writing code that works in all web browsers at the same time is one of the most important things we do. New technology is coming out all the time. Yet many of the people visiting the websites we build are using old browsers. How can we use new CSS if it’s not supported in every browser — especially when users keep using old, crufty browsers? Do we have to wait until 100% of people have a browsers with the new feature? Don’t we have to wait until Internet Explorer is dead before we can use the new stuff?
https://hacks.mozilla.org/2018/02/its-resilient-css-week/
Mozilla Hacks – the Web developer blog
It’s Resilient CSS Week – Mozilla Hacks - the Web developer blog
Jen Simmons celebrates resilient CSS and shows you how it's done, in this week's Layout Land video series. Check out the opening episodes: Introduction to Resilient CSS and Can I ...
Starting with Webpack 4 and VueJs — A quick-start tutorial.
In a nutshell, Webpack 4 is up to 98% faster. They have Mode, #0CJS, and sensible defaults now. 😻 It has chunking as a configurable default for different modes. Module Types are introduced along with .mjs support and a support for WebAssembly. Javascript of the future is here! 💥
https://medium.com/justfrontendthings/starting-with-webpack-4-and-vuejs-a-quick-start-tutorial-4a244410d55e
In a nutshell, Webpack 4 is up to 98% faster. They have Mode, #0CJS, and sensible defaults now. 😻 It has chunking as a configurable default for different modes. Module Types are introduced along with .mjs support and a support for WebAssembly. Javascript of the future is here! 💥
https://medium.com/justfrontendthings/starting-with-webpack-4-and-vuejs-a-quick-start-tutorial-4a244410d55e
Medium
Starting with Webpack 4 and VueJs — A quick-start tutorial.
Webpack4 is officially here! Did you know they’re calling it Legato! There are a lot of new features and improvements. Sean T. Larkin’s 😎…
Let’s Build a Custom Vue.js Router
Plenty of tutorials exist that do a great job in explaining how Vue’s official routing library, vue-router, can be integrated into an existing Vue application.
But, simple applications often don’t need a fully fledged routing library like vue-router. In this article, we'll build a simple custom client-side router with Vue. By doing so, we’ll gather an understanding of what needs to be handled to construct client-side routing as well as where potential shortcomings can exist.
“Let’s Build a Custom Vue.js Router” by @djirdehh
https://hackernoon.com/lets-build-a-custom-vue-js-router-7de634be87c4
Plenty of tutorials exist that do a great job in explaining how Vue’s official routing library, vue-router, can be integrated into an existing Vue application.
But, simple applications often don’t need a fully fledged routing library like vue-router. In this article, we'll build a simple custom client-side router with Vue. By doing so, we’ll gather an understanding of what needs to be handled to construct client-side routing as well as where potential shortcomings can exist.
“Let’s Build a Custom Vue.js Router” by @djirdehh
https://hackernoon.com/lets-build-a-custom-vue-js-router-7de634be87c4
Hackernoon
Let’s Build a Custom Vue.js Router | HackerNoon
<em>This article is cross-posted in CSS-Tricks - </em><a href="https://css-tricks.com/build-a-custom-vue-router/" target="_blank"><em>https://css-tricks.com/build-a-custom-vue-router/</em></a>
What Are DocTypes and Why Do They Matter to You?
The unfortunately reality, though, is that there are still crummy web pages on the web from the 90s, and these crummy pages were designed to run properly only on the crummy web browsers of their day. To maintain backward compatibility for these pages, browsers essentially started including at least two rendering engines – the old "quirky" engine for rendering ancient pages that don’t adhere to standards, and the new standards-compliant engine for rendering newer pages that do adhere to standards and want to take advantage of new functionality.
So, how do browsers decide which rendering engine to use? You guessed it – the DocType.
http://www.dwuser.com/news/2012/01/what-are-doctypes-and-why-do-they-matter-to-you/
The unfortunately reality, though, is that there are still crummy web pages on the web from the 90s, and these crummy pages were designed to run properly only on the crummy web browsers of their day. To maintain backward compatibility for these pages, browsers essentially started including at least two rendering engines – the old "quirky" engine for rendering ancient pages that don’t adhere to standards, and the new standards-compliant engine for rendering newer pages that do adhere to standards and want to take advantage of new functionality.
So, how do browsers decide which rendering engine to use? You guessed it – the DocType.
http://www.dwuser.com/news/2012/01/what-are-doctypes-and-why-do-they-matter-to-you/
Dwuser
DWUser.com - What Are DocTypes and Why Do They Matter to You? – News / Blog / Testimonials
Interesting news, articles and testimonials related to DWUser.com products. The latest info from DWUser.com
First, software ate the world, the web ate software, and JavaScript ate the web.
In 2018, React is eating JavaScript.
https://medium.com/@_ericelliott/top-javascript-libraries-tech-to-learn-in-2018-c38028e028e6
In 2018, React is eating JavaScript.
https://medium.com/@_ericelliott/top-javascript-libraries-tech-to-learn-in-2018-c38028e028e6
Medium
Top JavaScript Libraries & Tech to Learn in 2018
Last year, I wrote an article rounding up the top tech to learn in 2017. This year there are some surprises.