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.
One big 2018 goal for the Rust community is to become a web language. By targeting WebAssembly, Rust can run on the web just like JavaScript. But what does this mean? Does it mean that Rust is trying to replace JavaScript?
The answer to that question is no. We don’t expect Rust WebAssembly apps to be written completely in Rust. In fact, we expect the bulk of application code will still be JS, even in most Rust WebAssembly applications.
This is because JS is a good choice for most things. It’s quick and easy to get up and running with JavaScript. On top of that, there’s a vibrant ecosystem full of JavaScript developers who have created incredibly innovative approaches to different problems on the web.
https://hacks.mozilla.org/2018/03/making-webassembly-better-for-rust-for-all-languages/
The answer to that question is no. We don’t expect Rust WebAssembly apps to be written completely in Rust. In fact, we expect the bulk of application code will still be JS, even in most Rust WebAssembly applications.
This is because JS is a good choice for most things. It’s quick and easy to get up and running with JavaScript. On top of that, there’s a vibrant ecosystem full of JavaScript developers who have created incredibly innovative approaches to different problems on the web.
https://hacks.mozilla.org/2018/03/making-webassembly-better-for-rust-for-all-languages/
Mozilla Hacks – the Web developer blog
Making WebAssembly better for Rust & for all languages
To be a useful as a web language, Rust needs to work well with the JavaScript ecosystem. We have some work to do to get there, and fortunately that work ...