Learn JavaScript™

Setting up a project with Vue 3 and Tailwind CSS

Vue.js is a JavaScript framework (which is built on top of industry-standard HTML, CSS, and JavaScript) for creating user interfaces. It provides a declarative and component-based programming…

927 views14:35

Interesting Github repository for app developers to follow

https://javascript.plainenglish.io/18-useful-github-repositories-every-developer-should-bookmark-a04df0055888

----

Useful Github tips and tricks for developers

https://javascript.plainenglish.io/8-cool-github-tricks-to-make-you-look-like-a-senior-developer-5c77c170d9e1

#github #git #repository #tips

18 Useful GitHub Repositories Every Developer Should Bookmark 👍💯

Useful resources developers can use to improve their skills and build better projects.

799 views14:40

Vite 4 Release Announcement

Vite JS 4 is officially out with lots of new features added and performance improvements

https://vitejs.dev/blog/announcing-vite4.html

#vite

vitejs

Announcing Vite 4

760 views14:45

How to build a static site with Lume | Deno

Practice creating a static web app with the Deno and Lume frameworks

https://deno.com/blog/build-a-static-site-with-lume

#deno #nodejs #lume #ssg

Deno

Build a simple static site with Lume.

772 views14:50

Very long training from Academind on the introduction of Git and operations to Github for application code backup

https://www.youtube.com/watch?v=ulQA5tjJark

#git #github #academind

Git & GitHub Crash Course 2023

Learn Git & GitHub today in this FREE crash course!
🖥️ Official Website & Courses
https://academind.com/courses/

👨‍💻 Full Git / GitHub and GitHub ActionsCourses
https://acad.link/git
https://acad.link/gha

👋 Social Media
https://twitter.com/maxedapps
ht…

803 views14:55

Some JavaScript concepts to learn before starting React JS

https://www.freecodecamp.org/news/javascript-concepts-you-should-know-before-learning-react/

---

Get to know the separation concern that is applied to React JS

https://www.freecodecamp.org/news/separation-of-concerns-react-container-and-presentational-components/

#react #learn

The JavaScript Concepts You Should Know Before Learning React

By Ashutosh Mishra React is one of the most popular JavaScript frameworks for building single page applications. Needless to say, as a JavaScript framework, it requires you to have a good knowledge of JavaScript concepts. In this article, we are goin...

👍1

882 views15:01

Generate random values based on a certain range with JavaScript

https://www.freecodecamp.org/news/generate-random-number-within-a-range-in-javascript/

---

#random #number

How to Generate a Random Number within Certain a Range in JavaScript

Let's say you want to generate a random number between 10 and 15 – how do you do that in JavaScript? I'll show you how with examples in this article. In JavaScript, there's the random method of the Math object which returns random numbers. But this has a…

922 views15:05

Exercise from Cand Dev using Form Validation with React Hook Form and Yup library

https://www.youtube.com/watch?v=3uEyy_f81r0

#library #react #candDev #hook #yup #form #validation

Create Signup Form with Validation | React-Hook-Form & Yup

Check out MiniTool MovieMaker: https://bit.ly/4hKFA9A Create signup form with material ui and integrate with react-hook-form, we also learn how to add validation with yup.

👨‍💻Code:
https://github.com/candraKriswinarto/signup-with-react-hook-form

🔗Link:…

1.04K views15:10

Get to know what Node Modules are and how to use them

https://www.freecodecamp.org/news/what-are-node-modules/

#nodejs #modules

What Are Node Modules and How Do You Use Them?

By Benjamin Semah Every Node.js application has modules. These modules form part of the building blocks of the application. They help developers work faster and write more structured code. In this tutorial, you will learn what node modules are. You w...

1.08K views15:15

Perform Array data manipulation using only one function method

https://medium.com/@nusrat35/add-remove-and-update-element-of-an-array-using-one-method-59ddd91edd92

----

Some of the latest JavaScript features that developers rarely know about

https://javascript.plainenglish.io/4-cool-modern-javascript-features-most-developers-dont-know-about-c2c45104427c

----

How to deal with asynchronous code in JavaScript

https://blog.appsignal.com/2022/11/09/how-to-handle-async-code-in-javascript.html

----

Some game play to help learn JavaScript

https://dev.to/dailydevtips1/10-games-to-learn-javascript-155j

----

#splice #array #learn #async #es2021 #esm

Add, Remove and Update element of an array using one method in JavaScript

The art of programming is the skill of controlling complexity.

1.49K views15:20

Tips for using type any in TypeScript

https://blog.bitsrc.io/stop-using-any-type-in-typescript-48ebefc8b299

#typescript #any #type

Stop Using “any” Type in TypeScript

There are better TS types and interfaces available. Why You Should Not Use “any” Type in TypeScript

👀1

1.71K views15:25

Exploring Heroku alternatives for deploying Node.js apps - LogRocket Blog

Some other alternative in using Heroku

https://blog.logrocket.com/3-free-heroku-alternatives-deploy-node-js/

#heroku #alternative

LogRocket Blog

Heroku announced plans to retire its free tier, leaving many developers scrambling to find alternatives to host their portfolio projects.

🫡2👍1🥰1

2.09K views15:30

Performance optimization tips from Web Dev Simplified for React JS using the code splitting method

https://www.youtube.com/watch?v=JU6sl_yyZqs

#react #code #splitting

Speed Up Your React Apps With Code Splitting

FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified

Performance is something people always worry about, especially in React, but oftentimes the bundle size of an application is ignored when doing performance optimization.…

👨‍💻4👍1

2.45K views14:30

This media is not supported in your browser

VIEW IN TELEGRAM

1.01K views11:50

❤4

Some important tools for developers that can be tried

https://javascript.plainenglish.io/6-free-modern-tools-for-developers-of-2023-b4f4e764ffa4

#tools #developers‌‌

6 Free Modern Tools for Developers of 2023

Do you want 2023 to go smoothly for your web development endeavors? Check out these free resources used by the 2023 Modern Web Developers!

1.03K views12:01

Doing Rest API design with Node JS and Express JS

https://www.freecodecamp.org/news/rest-api-design-best-practices-build-a-rest-api/

---

Pub sub pattern in JavaScript with Event Emitter

https://www.jackfranklin.co.uk/blog/event-emitter/

#nodejs #express #eventEmitter‌‌

REST API Design Best Practices Handbook – How to Build a REST API with JavaScript, Node.js, and Express.js

By Jean-Marc Möckel I've created and consumed many API's over the past few years. During that time, I've come across good and bad practices and have experienced nasty situations when consuming and building API's. But there also have been great moment...

894 views12:05

An exercise from Dcode creating a function and a Download data button on a web application page

https://www.youtube.com/watch?v=_EnQ-d09fXE

#dcode #download‌‌

Easily Add a Download Button to Your Websites - HTML, CSS & JavaScript Tutorial

For your reference, check this out:

🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme
💜 Join my Discord Server - https://discord.gg/TXMQyvbpcA…

822 views12:07

Simple exercise deploying Next JS application to Vercel service

https://javascript.plainenglish.io/deploy-your-next-js-application-to-vercel-using-sentry-and-github-actions-f7dbeaba4819

---

How to Fetch data in React JS

https://www.positronx.io/react-js-fetch-and-cache-data-using-react-query-tutorial/

---

Adding SVG data to the Next JS project

https://blog.logrocket.com/import-svgs-to-next-js-project/

---

Configure SEO in Next JS with the Next SEO library

https://blog.logrocket.com/manage-seo-next-js-with-next-seo/

#nextjs #vercel #react #sentry #svg #seo‌‌

Deploy Your Next.js Application to Vercel Using Sentry and GitHub Actions

Thanks to the power of open-source tooling and cloud services, shipping an application to production has never been that easy, In this blog…

874 views12:15

Forwarded from Programming World👨‍💻

Learning flow reference from the Fireship channel about learning application programming

https://www.youtube.com/watch?v=66tfvFeALBQ

#fireship #roadmaps #coding‌‌