en
Feedback
Learn JavaScript™

Learn JavaScript™

Open in Telegram

All info, tutorial, JS tips and more ....! bio.link/javascript_js_ For HTML: @html_web_learn For CSS: @CSS_web_learn For JS: @JavaScript_js_learn For PHP: @learn_php_web For Programming courses @Programmingworld_dev For CEH,Cybersec: @technical_stark

Show more
4 411
Subscribers
-124 hours
No data7 days
-330 days
Posts Archive
chroma.js is a small-ish zero-dependency JavaScript library (13.5kB) for all kinds of color conversions and color scales. https://vis4.net/chromajs/

Underdog UI Frameworks: 5 JavaScript Frameworks you Need to Try in 2022 https://blog.bitsrc.io/underdog-ui-frameworks-5-javas
Underdog UI Frameworks: 5 JavaScript Frameworks you Need to Try in 2022 https://blog.bitsrc.io/underdog-ui-frameworks-5-javascript-frameworks-you-need-to-try-in-2022-93e11fef186d

Create a function to check whether an Object is empty or not with JavaScript https://stackabuse.com/javascript-check-if-an-object-is-empty/ #empty #object

Alternative to using dirname on Node JS with ES Module https://blog.logrocket.com/alternatives-dirname-node-js-es-modules/ --- Running command line commands in Node JS with the Execa library https://blog.logrocket.com/running-commands-with-execa-in-node-js/ —- Creating excel file data with Node JS backend https://nrogap.medium.com/generate-excel-with-node-js-b779898e5d0 #library #nodejs #dirname #esm #execa #command #xls #excel

The difference between ref and reactive parameters in Vue JS 3 reactive data type https://youtu.be/OaUpEyz4zxs #vue #reactive #ref

Practice from Cand Dev building a project from React JS and Tailwind CSS with API documentation case examples https://youtu.be/dBlTs-3yc84 #candDev #tailwind #react

Most useful resources for students. 1. Final Year Projects with Source Code https://www.kashipara.com/ 2.Get PPT & Reports on every topic for free https://studymafia.org/ 3. Get Best PPT Templates https://www.free-power-point-templates.com/ 4. Get Notes for any branch & any year https://www.studynama.com/ 5. Get study notes of your own college https://www.docsity.com/en/ 6. Get Solutions of your Textbooks https://www.litsolutions.org/ 7. Get resources for last time revision Google the below format: [Subject Name] Summary filetype:pdf Eg: Operating Systems Summary filetype:pdf 8. This bot attends Google meeting on your behalf 😉 Chrome Extension: N-bot - Google Meet Online class Attender https://cutt.ly/uAs00XF 9.Offers for Students You Can't Miss →GitHub Student Developer Pack https://education.github.com/pack →Adobe: Get 20+ apps for the price of a single app. Upto 60% discount https://www.adobe.com/creativecloud/buy/students.html →Lenovo offers College Students and Teachers a special discount on their entire purchase https://www.lenovo.com/us/en/landingpage/students-and-teachers/ →Coursera - 100% fee waive by applying financial aid on required course https://www.coursera.org/ →IndiGo :- 6% Discount + 10kg extra baggage https://www.goindigo.in/add-on-services/student-discount.html →Amazon Prime:- Rs.150 cashback on Prime https://amzn.eu/hUqCsVI 10. Amazing Tips & Resources to get a Job https://www.thebalancecareers.com 11. Get mock interview questions to prepare for placements https://myinterviewpractice.com/ 12. Passive Income Ideas for Students 1. Chatbot monetization 2. Audiobook Narrator 3. Copywriting 4. Affiliate Marketing 5. Audiobook Narrator 6. Blogging 7. Data Entry 8. Flipping Domains 9. Application Development 10. Website Creation 11. WordPress Admin 12. Author on Popular websites 13. Flipping Items on Craigslist 14. Drop shipping 15. Zomato Boy 16. Gaming 17. Testing Games 18. Testing Websites 19. Testing Windows 20. Bug Bounty 21. Influencer Marketing 22. Graphics Designing 23. Making posts for influencers/brands 24. Video Editing 25. Reel Creation for influencers/brands 26. Peer-to-Peer Lending 27. Print on demand 28. Renting your car/bike 29. Renting Your Parking Spot 30. Renting Your Things 31. Advertisement on your Car/bike 32. Intraday Trading 33. Crypto Currency 34. Making assignments for students 35. Making projects for students 36. Selling Photos 37. Doing photoshoot 38. Creating NFTs 39. Freelancing 40. Referral Programs 41. Hiring Freelancers 42. Surveys 43. Teaching your native language 44. Selling Your Notes 45. Offering Transcriptions 46. YouTube 47. Instagram Marketing 48. Facebook ads 49. Community Manager 13. Summarise big Paragraphs in seconds https://www.cruxe.in/ 14. Make YouTube tutorials more handy Chrome Extension: Enhancer for YouTube https://cutt.ly/jAdqmHn Keep Learning and share this with your friends 😇 @Programmingworld_dev

Repost from N/a
Tips to Build an Outstanding Dev Portfolio

Repost from N/a
The ultimate React JS Guide by JavaScript Mastery

☀️Angular lifecycle hooks☀️ https://indepth.dev/posts/1494/complete-guide-angular-lifecycle-hooks #angularjs #js #Hooks

Long practice creating a ticket app with Vue JS and Strapi CMS https://strapi.medium.com/how-to-build-a-ticketing-app-using-vue-js-and-strapi-d1b0e816198f #vue #ticket #strapi

A group of design patterns that need to be avoided or Anti patterns on the React project structure that are included with the Fireship channel https://youtu.be/b0IZo2Aho9Y #react #antipattern

Creating a file upload function with pure JavaScript https://blog.logrocket.com/how-to-build-file-upload-service-vanilla-javascript/ --- Get to know the capitalize function to capitalize characters in String https://www.freecodecamp.org/news/javascript-uppercase-how-to-capitalize-a-string-in-js-with-touppercase/ --- Convert Nested JSON to simpler form with JavaScript https://dev.to/urstrulyvishwak/convert-nested-json-to-simple-json-in-javascript-4a34 --- Get to know the hasOwn Object function in the JavaScript standard ES2022 https://javascript.plainenglish.io/its-time-to-meet-object-hasown-4a26c9de76a --- Comparison between RxJS and Promise https://javascript.plainenglish.io/why-rxjs-rxjs-vs-promises-b28962771d68 #upload #http #rxjs #promise #es2022 #object #uppercase #json

An introduction to the Promise API function and some of its methods in JavaScript https://medium.com/dhiwise/all-in-one-javascript-promises-77b5bd7c7c61 --- Get to know the Promise Any function and examples of its use https://javascript.plainenglish.io/javascript-promises-understanding-promise-any-d8640d4c6ae5 #promise #chaining

See the new Node JS feature that can import modules from third-party module services https://itnext.io/importing-an-es6-modules-over-http-https-in-a-node-js-225ffba8c3fc —- Series practice building backend API with Node JS and Express JS https://wguilherme.medium.com/building-a-professional-api-with-nodejs-typescript-expressjs-mongodb-jest-deploy-to-heroku-6fb420f3e155 —- #nodejs #esm #import #express

Introducing the Vizzu library, a library for creating data visualizations and graphs with JavaScript https://vizzuhq.com/ #library #graphic

Repost from N/a
ReactJS For Beginners

82. A website that helps people create their bucket lists and track the progress 83. Build an app that track, how many kilometres, you have walked in a day 84. Come up with a website where people can explore a set of crazy questions to make them curious 85. A Website that will Generate Random Dares 86. Create a website clone of Splitwise that will allow the users to split expenses with friends 87. Create a notebook app to add, manage, and organize a group of notes. 88. Create a Gatsby theme that sets up a project with the Tailwind CSS framework. 89. Build a website that shows the list of mood-based movies and also store user ratings. 90. Develop a simple calculator application that supports basic arithmetic operations. 91. Create a weather application that provides detailed weather details for a location entered by the user. 92. Build a meme generator that allows users to insert custom text on meme images fetched automatically. 93. Create a simple blog website that allows users to add new articles and edit and delete articles. 94. Come up with a website with a simple photo gallery having a search bar at the top. 95. Create your own version of the website you use every day, you name it 96. Create a redesign of GitHub Issues Page 97. Develop a website that will help people discover landing page inspirations 98. A Website will show random food recipes just after visiting the website 99. A website which will show 5 healthy food by selecting 1 unhealthy food 100. Develop a website that will show crypto currency as per everyday growth

41. Create an interactive jigsaw puzzle game that lets someone fit pieces to solve 42. Develop a website that generates meta content for web pages 43. Create a Tetris-like game that requires someone to rotate shapes to fit like a puzzle 44. Create a space invaders spacecraft shooter game to shoot multiple waves of enemy ships 45. Develop a website to tribute Elon Musk by showcasing all the projects he has worked on 46. Create a card game that matches words and phrases to fill in the blank statements 47. Using styled components, create a component library for an online music, video games and movies store 48. A website that will show a collection of resources to study stock investment 49. Create a custom hook that allows you to fetch the movies from the Lord of the Rings API 50. A website that helps aspiring developers discover the best guides to follow around the development 51. Create a CSS library that includes easy-to-use loading spinners and animations along with its landing page 52. Create a custom GitHub Action that notifies Slack with pull request updates 53. Create a Next.js starter that scaffolds a new blog app automatically 54. Add a search form and results page to a website or app 55. Come up with a website that tracks your daily activities 56. Add an option to toggle between dark mode and light mode on a website or app 57. Add webmentions integration to a website that shows Twitter interactions with the website 58. Add Google Analytics to your webpage to analyze web traffic and performance 59. Create a website to help people track the contents they save to consume later 60. Add your GitHub profile’s top projects and stats to a website 61. Add a highlight and share feature that shows a share button when someone highlights text 62. Create a Twitter clone that lets user accounts post public messages 63. Create a Winamp clone that uses the Shazam API to play music 64. Create a StackOverflow clone allowing questions and answers with code snippets 65. Create a Product Hunt clone that lets people post a new project with ratings 66. Create a Zelda Breath of the Wild game UI clone that lets someone select items 67. Develop a website that helps people search for ideas based on their interests 68. Create a Tesla touchscreen UI clone that allows someone to control simulated car features 69. Create a website that includes ways to help others learn more about your work 70. A website that will ask for your monthly bank statement and show a detailed graph of where you have spent your money 71. Create and prepare a marketing and survey for a new project launch 72. Create a map and statistics dashboard to study geographical data 73. Develop an alarm web application that will ask for inputs and result alarm via push notification at a particular event 74. Create a conference website and tools to communicate for a tech conference 75. Come up with a web project that will show a collection of GIFs from GIPHY API 76. Develop a quiz application that presents players with pre-defined questions and multiple choice answers and they have to choose one to answer 77. Build a project that helps people in keeping the record of their favorite quotes or lines 78. Come up with a web project that helps track the progress of their new year resolutions 79. Develop a website that shows category based lists of subreddit to follow 80. Develop a Twitter bot that will retweet all the "Web Development" mentioned threads 81. A website that lists down all the best video format resources to learn No-code

100+ React Proof of Work Ideas Now, landing your dream opportunities will not be very far. Whether you want to break into FAANG, Unicorns or any of your dream startups or companies. By working on these ideas, you will prepare yourself to break into your dream companies Let's get started 🙌🚀 1. Create a marketing website and landing page for a technology product. See reference. 2. Create a website with speakers and a schedule for a React Conference 3. A website that helps people generate CSS code for Glassmorphism design 4. Create an online store where you can buy video games and fan gear 5. Build a project that will fetch all the nocode related Twitter threads 6. Create an admin dashboard to configure website settings that require user login 7. Create an analytics dashboard that shows the historical performance of tech stocks 8. A website that shows a list of beginner-friendly open source projects based on selected programming language 9. Create a group of opinion surveys that rate favourite technologies and entertainment 10. Develop a website that will show a list of cryptocurrency as per everyday growth 11. Create a map dashboard that shows statistics and geographic information about COVID-19 12. Create a fan wiki that includes all characters of Futurama or your favourite TV show or movie 13. A website that will help people discover amazing web page inspirations 14. Create a Pokedex that shows a list of all Pokemon with links to stats of each Pokemon 15. Build a website that will show a collection of advertisements 16. Create a gallery of video tutorials that pulls from a React YouTube playlist 17. Create a mapping app that shows the route of a road trip across the country based on user input 18. A website to showcase the list of best resources to study about Blockchain 19. Create an interactive piano that you can use to play music with your keyboard 20. Create a blog website to show all of your technical blogs using Next.js 21. Create a portfolio website with your work experience that can be used as a resume or CV 22. A website that will help people find social profiles of VCs 23. Create a blog that you can use to share your career experiences and projects 24. Create a list of projects that include case studies and details about the projects 25. Create a goal management dashboard to add, track and modify your goals 26. Create a ticketing system that allows you to create and manage project issues 27. Build a website to help people save their daily sticky notes 28. Build a website to showcase all the best development blogs on the internet 29. Create interactive flashcards that you can flip, sort and mark as done 30. Create a mood board to upload images and add notes for project inspirations 31. A website that shows all the festivals ads by big brands 32. Create a bookmark manager that allows you to store website links for later 33. Create a budget manager to track and manage finances and expenses 34. A website that shows a list of highest rated books from Goodreads and it keeps updating on a regular basis 35. Create a habit tracker browser extension that will remind you every so often to complete a task 36. Create a shopping list to add and manage groceries to buy at the store 37. Build a website that creates blog thumbnails based on user input. 38. Create a notebook app to add, manage and organize a group of notes 39. Create a mad libs game with templates to add words to phrases 40. Create a frogger-like game with the goal of getting a chicken to cross a road