Learn JavaScript
4.3K subscribers
459 photos
10 videos
132 files
3.02K links
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
Download Telegram
41. Create an interactive jigsaw puzzle game that lets someone fit pieces to solve
42. Dev
elop a website that generates meta content for web pages
4
3. 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. Deve
lop 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 collec
tion of resources to study stock investment
49. Create a custom ho
ok 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 in
cludes 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. Ad
d Google Analytics to your webpage to analyze web traffic and performance
59. Create a website t
o 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 tha
t lets user accounts post public messages
63. Crea
te 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 tou
chscreen 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. Bu
ild 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 w
ebsite that lists down all the best video format resources to learn No-code
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. Cre
ate 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 applica
tion 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 vers
ion 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
Learn JavaScript pinned «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…»
Forwarded from All kind of Ebooks
ReactJs Notes.pdf
141.6 KB
ReactJS For Beginners
Introducing the Vizzu library, a library for creating data visualizations and graphs with JavaScript

https://vizzuhq.com/

#library #graphic
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
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
Forwarded from All kind of Ebooks
The ultimate React JS Guide.pdf
16.2 MB
The ultimate React JS Guide by JavaScript Mastery
Forwarded from All kind of Ebooks
Portfolio-Guide.pdf
5.8 MB
Tips to Build an Outstanding Dev Portfolio
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
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
The difference between ref and reactive parameters in Vue JS 3 reactive data type

https://youtu.be/OaUpEyz4zxs

#vue #reactive #ref
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
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
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/
Master React: Build 60+ React Projects

5 Top-Notch Projects to learn React

https://youtube.com/playlist?list=PLGyA74h_S9No5V5TRjHc893mN7rs-VaoZ


20+ Projects Playlist By Javascript Mastery

https://youtube.com/playlist?list=PL6QREj8te1P6wX9m5KnicnDVEucbOPsqR

35+ Projects Playlist by Traversy Media.

https://youtube.com/playlist?list=PLillGF-RfqbY3c2r0htQyVbDJJoBFE6Rb

#JavaScript #JS #Projects #ReactJS