After a lot of research on some core projects and topics on vanilla JavaScript, i came up with a video on 8 small but unique projects that mostly covers up a lot of in depth concepts in vanilla JavaScript, I am sure anybody who ends up building all these projects, will definitely level themselves up.
And if anybody viewing this post has already built any of these projects, then feel free to share them here. it would be great. I am myself building these projects and share it over here soon.

Link: https://www.youtube.com/watch?v=Q-uAdcVKEXs

I've been studying JavaScript for the past four months. I've mastered most of the core concepts and built many projects in vanilla JS. However I'm hitting a wall when it comes to frameworks. I've watched dozens of tutorials on React, Angular, Vue and Node (not a framework, I know) and I still don't get it. They're like Hebrew to me. It's always the same scenario: Command line this, command line that, npm this, npx install [email protected] -g --save-dev that. Apparently it now takes at least 10,000 files to create a simple to-do list when a simple index.html, style.css and app.js used to be enough. The documentation doesn't help as it's written in its own opaque terminology (PHP's Symfony is the epitome of this). I end up feeling overwhelmed and discouraged.

I'm aiming at becoming a front-end developer but good knowledge of a JS framework is a must. I don't know what to do…

modern and lightweight framework for the web , taking inspiration from jquery and react , this frameworks tries to bring familiarity of jquery to building reusable components and reactive elements

advantages over the others

• size :10kB minified is one of the smallest framework youll ever see

• routing: comes with its own client side router

• animations : easily animate just like with jquery

• works with pure js and html : it works seamlessly with html markup or its own custom js markup (like react jsx but with functions)

• reactivity system: powerful subscription based reactivity system

github:

https://github.com/atoms19/dominity.js (docs in readme)

documentation :

https://dominity-docs.vercel.app (might be incomplete )

-:npm package is in the works

please star and suppourt 🙌

dominity is still in its early stages , expect missing features or bugs

showcase

todolist application built with dominity : https://papertask.vercel.app

Hello devs! 👨‍💻

I wrote my second ever blog post. This time on React ⚛️

https://blog.udaya.me/5-react-libraries/

I've tried to exclude the famous ones, and so, I believe you'll definitely take something new at the end of reading this article :')

From the beginning of my programming career, clients insisting on developing software exclusively with "Notepad" have been a longstanding challenge. For modern programmers, restricting the use of an IDE feels like torture.

Determined to overcome this, I finally introduced the WelsonJS JavaScript framework. This framework uses the JavaScript engine built into the Windows OS, allowing you to create complete applications with just a text editor.

You can implement most Windows system features with JavaScript, including GUI applications, console applications, office automation applications, and even Windows Service applications. Additionally, you can use transpiler languages like TypeScript, Rescript, CoffeeScript 2, and LiveScript for Windows system programming!

Come and check it out now! https://github.com/gnh1201/welsonjs

I made a Desktop app called CodeBox.

• It is a coding environment with HTML, CSS, and JavaScript editors with a live preview panel to show what the code would look like in the browser

• I made it using the Electron framework

• It is available for all major operating systems

• It is inspired by Codepen and JsFiddle

Check out CodeBox here

Why use CodeBox?

• CodeBox is better than the editors in CodePen and JSFiddle because CodeBox features the same editor used in VS Code.

• This means that it has autocomplete, syntax highlighting, and a lot of other features that we all know and love from VS Code

• Furthermore, it features hot reload which means, you don't have to press Ctrl/Cmd + S to show the code in the preview panel. It reloads automatically every time any key is pressed!

- Check it out on GitHub here

- Download it here

I would really appreciate a star on GitHub and any feedback you may have. Thanks in advance!

Hello my coder friends, so the history is quite long but I'll make it very simple, is been a long road for me in the JavaScript learning path, coming from being a senior developer in Python.

From some years I ago (I think 4 years), I have been involved in web development, and always tried to use a JavaScript Framework, AngularJS, Backbone and even Ember, and in this road always tried to avoid using node.js for Front-End development for personal reasons, so I sticked with Vanilla JS so I can focused myself in Python for Back-End and JavaScript for Front-End.

But always had some flaws, I felt some features were missing, specially if I tried to develop a Single Page Application, so times go by, and I have learned intermediate JS, and decided to accept the challenge of creating my own personal Vanilla JS Framework, a Framework that I can feel comfortable to code with.

But instead of discovering the wheel again, I decided to take an already working base, I used Vue v1.0, I took an old version Vue, which already worked for production and started to include some batteries, like a AJAX module and a Router module. after some weeks of tweaking the code and adjusting it to my need, Tulipan.js was born.
Tulipan Framework

After integrating this technology in some personal and commercial projects I decided to make it public and open source, and also have written some documentation.

Tulipan Documentation

The basic idea and motivation, was to create a Framework minimalist, easy to use, and also easy to learn. But this is still a work in progress, hope you can take the time to review it and hear what you have to say about it.

Learn how to build a shareable stream in Reactive Programming.

• Build the takeUntil operator

• Build the endWith operator

• Bonus: Build the repeat operator

https://app.hackjam.io/hj-details/reactive-programming-course-part-2

Register for Q&A and Demo on 12 April at 12PM CEST
https://us02web.zoom.us/meeting/register/tZErceytrDspH9H9_AuBWZPr2Ot_FrBH2Uwh

Let's Try Reactive Programming! Build your own streams. Learn how to use vanilla JavaScript to rebuild some common Reactive Programming patterns.4-week challenge: https://challenge.hackjam.io/

Do you know how to use streams in JavaScript? Show us:

https://app.hackjam.io/hj-details/reactive-programming-challenge-part-1

I have a plain text file with word entries (tab-delimited), which I want to use at the server side and return a JSON on every get request with a word by its corresponding meaning in the database.

How to achieve this using node+angular? (Or vanilla js if not angular)

Also suggest how to use database instead of txt file.

Spotify | Apple | Youtube