If you didn't hear about it yet, Google is officially bringing its free coding tool called Grasshopper to desktop web. It might be a good one for people who just start their web dev path.

learn.grasshopper.app

#vuejs #javascript #typescript #frontend #webdev #backend #webdevelopment #programming #coding #css #nodejs #programmer #webdeveloper #coder #reactjs

--
Follow JavaScript Room on Instagram, Twitter, Facebook and Patreon

Transform.tools is a polyglot web converter. A quite funny app, but it might be useful sometimes though. If you want to convert, let's say JSON to MySQL (it sounds weird, I know :D), give it a try!

- Website
- GitHub

#vuejs #javascript #typescript #frontend #webdev #backend #webdevelopment #programming #coding #css #nodejs #programmer #webdeveloper #coder #reactjs

--
Follow JavaScript Room on Instagram, Twitter, Facebook and Patreon

RxDB (Reactive Database) is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps and NodeJs. Reactive means that you can not only query the current state, but subscribe to all state-changes like the result of a query or even a single field of a document. This is useful for UI-based apps that always display the realtime state to the user. RxDB can do a realtime replication with any CouchDB compliant endpoint and also with GraphQL endpoints.

- Website
- GitHub

#vuejs #javascript #typescript #frontend #webdev #backend #webdevelopment #programming #coding #css #nodejs #programmer #webdeveloper #coder #reactjs

--
Follow JavaScript Room on Instagram, Twitter, Facebook and Patreon

Vue.js » Such a fantastic fully responsive credit card form with smooth and sweet micro-interactions. Includes number formatting, validation and automatic card type detection. Grab it to your Vue.js project!

- Demo on Codepen
- GitHub

#vuejs #javascript #typescript #frontend #webdev #backend #webdevelopment #programming #coding #css #nodejs #programmer #webdeveloper #coder #reactjs

--
Follow JavaScript Room on Instagram, Twitter, Facebook and Patreon

NPM Trends is a nice way to look at and compare NPM packages in terms of downloads' number. Very simple interface so you can't do it wrong :)

npmtrends.com - NPM package comparison

#vuejs #javascript #typescript #frontend #webdev #backend #webdevelopment #programming #coding #css #nodejs #programmer #webdeveloper #coder #reactjs

--
Follow JavaScript Room on Instagram, Twitter, Facebook and Patreon

SWR - a nice lightweight React Hooks library from Zeit for remote data fetching written in TypeScript.

- Website
- GitHub

#vuejs #javascript #typescript #frontend #webdev #backend #webdevelopment #programming #coding #css #nodejs #programmer #webdeveloper #coder #reactjs

--
Follow JavaScript Room on Instagram, Twitter, Facebook and Patreon

⚡️ New JavaScript features we can expect in 2020. JS keeps getting stronger! 💪

New JavaScript features coming in 2020 that will surely rock your world!!

#vuejs #javascript #typescript #frontend #webdev #backend #webdevelopment #programming #coding #css #nodejs #programmer #webdeveloper #coder #reactjs

--
Follow JavaScript Room on Instagram, Twitter, Facebook and Patreon

Want to polish your algorithms and data structures skills in 2020? Here's a great start point for JavaScript developers! Take a look at this great collection of data structures and algorithms well explained! 💣

Algorithms and Data Structures in JavaScript (GitHub)

#vuejs #javascript #typescript #frontend #webdev #backend #webdevelopment #programming #coding #css #nodejs #programmer #webdeveloper #coder #reactjs

--
Follow JavaScript Room on Instagram, Twitter, Facebook and Patreon

The best optical illusion of 2019 (according to Neural Correlate Society) was written in JavaScript. Its author is Frank Force, a game dev from USA. The illusion represents a dual-axis rotation and it's magnificent! Check it out!

- Demo
- GitHub

#vuejs #javascript #typescript #frontend #webdev #backend #webdevelopment #programming #coding #css #nodejs #programmer #webdeveloper #coder #reactjs

--
Follow JavaScript Room on Instagram, Twitter, Facebook and Patreon

Hey! Long time no see... :) JavaScript Room is back with the nice set of tips for a code review (for JavaScript developers and not only) from Ryan McDermott! It worth to check it out! Follow the link below...

Code Review Tips (GitHub Repo)

#vuejs #javascript #typescript #frontend #webdev #backend #webdevelopment #programming #coding #css #nodejs #programmer #webdeveloper #coder #reactjs

--
Follow JavaScript Room on Instagram, Twitter, Facebook and Patreon

If you're a fan of Vue.js, you might like this super fresh documentary. It's filmed very nicely actually, thanks to Honeypot! Check it out...

Vue.js: The Documentary (YouTube)

#vuejs #javascript #typescript #frontend #webdev #backend #webdevelopment #programming #coding #css #nodejs #programmer #webdeveloper #coder #reactjs

--
Follow JavaScript Room on Instagram, Twitter, Facebook and Patreon

Hey everyone! I hope all of you stay safe at the global situation around the coronavirus. Probably, you have a bit more free time staying on the quarantine. So here's a great large article on frontend performance from Vitaly Friedman, well known frontend engineer. I highly recommend to find some time for reading it!

Front-End Performance Checklist 2020

#vuejs #javascript #typescript #frontend #webdev #backend #webdevelopment #programming #coding #css #nodejs #programmer #webdeveloper #coder #reactjs

--
Follow JavaScript Room on Instagram, Twitter, Facebook.

$> Support project!

A quite advanced dive into cross-origin communication including interesting updates to the HTTP protocol. I feel like all web devs need to learn more about network communication and all its specificities. Never mind if you got all of that was said in the video though :)

Cross-origin fetches - HTTP 203 (YouTube)

#vuejs #javascript #typescript #frontend #webdev #backend #webdevelopment #programming #coding #css #nodejs #programmer #webdeveloper #coder #reactjs

--
Follow JavaScript Room on Instagram, Twitter, Facebook.

$> Support project!

Addy Osmani recommended the very nice tool for building UI mockups. Really nice one and free! Works on mobile too, sweet.

excalidraw.com

#vuejs #javascript #typescript #frontend #webdev #backend #webdevelopment #programming #coding #css #nodejs #programmer #webdeveloper #coder #reactjs

--
Follow JavaScript Room on Instagram, Twitter, Facebook.

$> Support project!

Looking for a fast JavaScript bundler? Take a look at esbuild! It's written in Go and claims to be 10-100 times faster than other bundler tools.

esbuild (GitHub)

#vuejs #javascript #typescript #frontend #webdev #backend #webdevelopment #programming #coding #css #nodejs #programmer #webdeveloper #coder #reactjs

--
Follow JavaScript Room on Instagram, Twitter, Facebook.

Support project!

The first stable version of Bun has been released. It’s another JavaScript server environment like Node.js and Deno. According to the tests it’s much faster and more performant 🔥 Have you tried it already?

https://bun.sh/blog/bun-v1.0

#webdev #nodejs #javascript #typescript #programmer #webdeveloper #webdevelopment #reactjs

Well-structured article on using shorthands in the modern JavaScript. May seem a bit obvious for experienced developers, and probably more useful for people who don’t have that much expertise in #javascript yet. Anyway, it’s worth checking out

https://hackernoon.com/mastering-javascript-shorthand-tips-for-beginners

#typescript #webdev #webdeveloper #webdevelopment #frontend #backend #programmer #js #coding #nodejs #reactjs

Hi everyone!
Today I'd like to share this absolutely ultra-cool CSS Flexbox guide from Josh Comeau. I've met him in person some years ago, when he was presenting some CSS stuff on a React conference. This person knows very well what he's doing, and he's extremely good in frontend. Just found this tutorial on his blog and it's amazing!
He also made a few courses that you can find on this website, in case you want level up your frontend skills.

So, here the link to the Flexbox tutorial - https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/

Thank me later ;)

#css #frontend #javascript #reactjs #webdev #webdevelopment