Importing NPM Modules to the Web as ES6 Modules

I’ve been working on a way to make it easier to push content into my static site and it’s been a fun little exercise that I will share more in another post. In this post, I want to share the rollup config that I used to import nearly any NPM module into a front-end project using ES6 Modules.
I needed a quick way to import a simple module get-urls into my project. The module is well tested and it does what I needed… ignore the fact that it’s pretty easy to implement in a couple of lines of JavaScript. The problem I had is that my project is built in ES6, uses modules, and I didn’t want to have to bundle up using CommonJS (require).

Link: https://dzone.com/articles/importing-npm-modules-to-the-web-as-es6-modules?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

24 Tools to Reduce Time for Your Web Projects

Being faster and more efficient is the goal of all web designers and developers. Saving time while still maintaining a high standard of work means more spare time for your family or other projects, as well as happy clients. Many web tools on the market can be used in your everyday projects and help you be faster and more efficient. Below, we’ll offer up some web tools and services that are recommended by web designers and developers for speeding up your development.

Link: https://dzone.com/articles/29-tools-to-reduce-the-needed-time-for-your-web-pr?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Textarea Tag Busted

The textarea is an HTML tag mostly used for messages and comments. It is very similar to inputs, but, because it provides an option to have more than one line of text, it is not presented as input [type=”textarea"].
In this post, we’ll go over all the options for using this tag, along with some often asked questions about it.

Link: https://dzone.com/articles/textarea-tag-busted?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Blazor: Running C# in the Browser Using Web Assembly

Blazor: Running C# on Browser Using Web Assembly
Being a web developer and coming from the .NET stack we often use C# for backend programming and writing services, and then we use an excellent client-side framework like Angular or React for developing the UI part. Being a C# guy, I always find this difficult to go between C# and JavaScript. Considering these facts, Microsoft announced a new web UI framework called Blazor based on C#, Razor, and HTML, which runs in the browser using Web Assembly.
Web Assembly: A Game Changer
When we look at client-side development, JavaScript always has the upper hand. No doubt there are new client-side frameworks like Agular and React, but, at the end of the day, they turn your code into JavaScript. But, with Web Assembly, this is no longer the case.

Link: https://dzone.com/articles/blazor-running-c-on-browser-using-web-assembly?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

10 JavaScript Animation Libraries to Follow in 2018

The client-side of a modern day website feeds off quality animation, which has lead to a rise in the need for JavaScript animation libraries. Fortunately, the supply seems to have matched the demand and there are a lot of options out there. However, making a choice on which library to go with could cause a lot of headaches. A lot of libraries have the potential to become better over the course of the year and would be the go-to solutions for creating animations.
Let’s take a look at the top ten JavaScript animation libraries.

Link: https://dzone.com/articles/10-javascript-animation-libraries-to-follow-in-201?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Working With JavaScript Classes: 3 Mistakes to Avoid

JavaScript classes are important for making developers write less and cleaner code. The classes were introduced in ECMAScript 2015 (ES6) and offer a syntactic sugar over the programming language’s prototype-oriented inheritance.
Benhartouz, who has more than three years of front-end web development experience and uses practical projects to assist developers in advancing their skills, says that “classes are important because they provide a way of writing enjoyable code when creating JavaScript objects and addressing inheritance issues.”

Link: https://dzone.com/articles/working-with-javascript-classes3-mistakes-to-avoid?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Web Dev Roundup: Snakes on an App

Hello there and thanks for tuning in for this month’s roundup! Last time, we discussed CRUD applications and what the DZone community is building with this approach to developing apps. In this month’s post, we’re taking a look at using Python as a web development language. We examine the benefits of using Python as the main language in your web application, some processes to follow to simple, Python-based apps, and a few resources to check out to learn more about this powerful language. 
And, as a quick side note, if you’re interested in writing for DZone, but don’t have a topic in mind, come check out our Bounty Board, where you can win prizes for providing great content, and our Writer’s Zone which has plenty of prompts, tips, and tricks! 

Link: https://dzone.com/articles/web-dev-roundup-snakes-on-an-app?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev