There are a lot of new technologies and frameworks coming up every day.
But guess what?
For the last two years, I've been mentoring many developers within organizations to help them outperform.
After 7 years of Web Development experience
Mentoring 40+ beginners.
Here is a battle-tested roadmap to master frontend development:
There are a lot of new technologies and frameworks coming up every day.
But guess what?
For the last two years, I've been mentoring many developers within organizations to help them outperform.
I'm pouring out everything I have learned to help you reach the same milestone.
Assuming you starting from ZERO today, this is how you should go.
Don't give up - Nothing in life comes easy.
Practice, Practice, Practice - This is the ultimate hack to be unstoppable
Start small today. Go big tomorrow
Read Everything from: https://t.co/JkKNCZB0xZ
Build a new project on the local machine to implement simple things you learn.
Example:
If you're learning about the Heading element,
I try to use H1, H2... H6 and see what things look like.
Even if it takes time to understand, stick to it till the end.
Youtube has made learning easy than ever before. Watch videos to understand better.
I have learned everything from this Youtube channel (Traversy Media) - https://t.co/zOpbZBoHrg
Follow the same process learn on w3schools and build examples on the local machine.
https://t.co/wEK7RZ4p3f
Things take time to master CSS, so practice, that is what matters.
Learn Flexbox along the way. This is the site I love
https://t.co/EECvaPS7mr
Search on google for "Example for practicing HTML, CSS."
Try to clone some websites which will boost your confidence.
Why?
For all the following projects you work on, build a portfolio of projects on Github.
Some of the videos I would recommend
https://t.co/lafPjlbFTv
https://t.co/9t8dRumwHM
Create a GitHub account and play around with whatever you have watched.
Responsive design is the must of a web developer, understand it with documentation.
https://t.co/qqALWdTDVz
Build 5-10 projects while learning it.
The more you build the project, the stronger your foundation is.
Use https://t.co/4a1IKgupPg to learn.
Build simple apps like Todo, Clock, etc.
There are lots of GitHub repo that provide code and examples to learn.
Pick projects from that.
You build one example, but you master three things at a time.
More project = More confidence = More Grasp.
Keep building the project until you think you are comfortable working on it.
Now that you already have a strong base, learning React is easier than JavaScript.
As the concept stays the same, the syntax is different.
1. Read Documentation https://t.co/Qa1qIZzCl5
2. Build examples.
3. Watch Youtube videos.
https://t.co/eNxEDUPit7
4 years ago I started learning about the JavaScript library \u2014ReactJS
— Harsh Makadia (@MakadiaHarsh) November 29, 2021
Here are 11 resources I used to learn everything in my journey.
THREAD \U0001f9f5 \u2193
It's your portfolio to help you stand out from the crowd.
Remember, nobody is born a pro. All the efforts you have made so far does count.
Define small goals of learning and crush them.
But you can continue learning the advanced concept and frameworks like
1. TypeScript
2. SCSS / Styled Components / Tailwind CSS
3. Unit Testing
4. Learn using UI libraries
If you try to kill all flying birds, you will kill none.
Don’t be afraid to ask for help.
Refuse negative talk - Keep the momentum going.
Nothing works unless you do.
Keep reading blogs on your journey.
Keep writing blogs on whatever you learned.
Read Interview Questions on different sites to evaluate yourself.
Solve algorithms only to put my skills under the test.
Build a personal website.
It's impossible for you NOT to get a job if you follow the above steps.
If you keep learning every day, you will notice you have come a long way only after three months.
Consistency in learning >> Anything else
I wish you nothing but the best for your career ahead.
Never stop learning. The day you stop learning is the day you stop degrading.
Cheers!
Retweet the first tweet to help others! https://t.co/hctibg0yrB
After 7 years of Web Development experience
— Harsh Makadia (@MakadiaHarsh) March 31, 2022
Mentoring 40+ beginners.
Here is a battle-tested roadmap to master frontend development:
More from Harsh Makadia
Consistency isn't enough to grow on Twitter.
Here are 21 formats that helped me reach 64,000+ followers.
Marketing and Copywriting Practical Guide 🧵:
In this thread, we will go over:
1. Tweet Formats
2. Twitter Threads Hooks
Warning: You're about to steal some of my secrets that will level up your Twitter game.
Grab a cup of coffee Hot ☕️
1. Better Presentation
Try to differentiate from the rest.
Good presentation and message passing are crystal clear.
People stop scrolling as they see something new.
Tweet Link:
https://t.co/Ciq27ogrTI
2. Share your experience with someone who is starting today
Share some of the common mistakes people make based on your experience.
Tweet Link:
https://t.co/OliLutvsZM
3. Use Emoji's like a bullet
Easy to relate to and understand faster.
Tweet Link:
https://t.co/rBrXQr7EBY
Here are 21 formats that helped me reach 64,000+ followers.
Marketing and Copywriting Practical Guide 🧵:
In this thread, we will go over:
1. Tweet Formats
2. Twitter Threads Hooks
Warning: You're about to steal some of my secrets that will level up your Twitter game.
Grab a cup of coffee Hot ☕️
1. Better Presentation
Try to differentiate from the rest.
Good presentation and message passing are crystal clear.
People stop scrolling as they see something new.
Tweet Link:
https://t.co/Ciq27ogrTI
Twitter Growth Explained
— Harsh Makadia (@MakadiaHarsh) August 24, 2021
\U0001f4c2 Tactics
\u221f\U0001f4c2 Tweets
\u221f\U0001f4c2 Startup ideas
\u221f\U0001f4c2 Web Development
\u221f\U0001f4c2 Formatting
\u221f\U0001f4c2 Viral Tweets
\u221f \u274c Don't directly think of this
\u221f\U0001f4c2 Consistency / Engage with others
\u221f \u2705 Start here
2. Share your experience with someone who is starting today
Share some of the common mistakes people make based on your experience.
Tweet Link:
https://t.co/OliLutvsZM
Remember BASIC before ADVANCE always
— Harsh Makadia (@MakadiaHarsh) September 1, 2021
\u21c9 HTML, CSS before JavaScript
\u21c9 JavaScript before ReactJS
\u21c9 ReactJS before NextJS
\u21c9 CSS before Tailwind CSS
\u21c9 Python before Django
What more would you add?
3. Use Emoji's like a bullet
Easy to relate to and understand faster.
Tweet Link:
https://t.co/rBrXQr7EBY
Perks of launching your own digital product on @gumroad, You can learn
— Harsh Makadia (@MakadiaHarsh) September 25, 2021
\U0001f4ca Marketing
\U0001f4dd Effective writing
\U0001f4b0Sales
\U0001f381 Branding
\U0001f3a8 Design
\U0001f4bb Code or No-code
\U0001f464 Customer Support
It's a mini startup experience you see.
I went from 0 to 120,000 followers on Twitter in 17 months.
It changed my life.
Here are 15 mind-blowing tools that’ll change yours, too:
1. Tribescaler
Tribescaler makes your tweets go viral.
It helps you write better hooks in seconds.
Powered by AI to write better & faster.
https://t.co/dUx2BNaVZc
2. TweetHunter
Tweet Hunter helps you at EVERY step:
Get Content Ideas, Write Faster & Better, Boost & Automate, Engage & Sell To People, Analyze & Understand.
https://t.co/DmWEXuJ0lR
3. Profile Picture Maker
Remove the background easily and make an awesome profile picture.
Instantly generated profile pictures.
Get more views, likes with this Hack.
https://t.co/xw3co1wuXQ
4. Canva
Create Beautiful Twitter Banners in minutes.
You can use it to create media images.
You can create a design and reuse them as your own brand.
https://t.co/1QPfG90r0R
It changed my life.
Here are 15 mind-blowing tools that’ll change yours, too:
1. Tribescaler
Tribescaler makes your tweets go viral.
It helps you write better hooks in seconds.
Powered by AI to write better & faster.
https://t.co/dUx2BNaVZc
2. TweetHunter
Tweet Hunter helps you at EVERY step:
Get Content Ideas, Write Faster & Better, Boost & Automate, Engage & Sell To People, Analyze & Understand.
https://t.co/DmWEXuJ0lR
3. Profile Picture Maker
Remove the background easily and make an awesome profile picture.
Instantly generated profile pictures.
Get more views, likes with this Hack.
https://t.co/xw3co1wuXQ
4. Canva
Create Beautiful Twitter Banners in minutes.
You can use it to create media images.
You can create a design and reuse them as your own brand.
https://t.co/1QPfG90r0R
Using AI to complete work feels like cheating and winning a race.
Here are 7 mind-blowing websites to save you countless hours ( I bet ) ↓
1. Taskade
Build your second brain.
Simply type “/ai“, select a command, and hit enter.
Work faster and smarter across any project using Taskade AI, and it is completely free!
🔗 https://t.co/A4fwdmPWt9
2. ChatSonic
A chatGPT-like chatbot that integrates with Google Search to create content with the latest information.
Additionally, it can create digital images and respond to voice commands.
🔗 https://t.co/Zz2W3Mtiay
3. Rizzi
Unleash the power of infinite rizz!.
The world's most powerful text AI, built into your keyboard
🔗 https://t.co/QfeGMCJVyT
4. Notion AI
Leverage the limitless power of AI in any Notion page.
Write faster, think bigger, and augment your creativity.
Like magic!
🔗 https://t.co/cddxkME23K
Here are 7 mind-blowing websites to save you countless hours ( I bet ) ↓
1. Taskade
Build your second brain.
Simply type “/ai“, select a command, and hit enter.
Work faster and smarter across any project using Taskade AI, and it is completely free!
🔗 https://t.co/A4fwdmPWt9
2. ChatSonic
A chatGPT-like chatbot that integrates with Google Search to create content with the latest information.
Additionally, it can create digital images and respond to voice commands.
🔗 https://t.co/Zz2W3Mtiay
3. Rizzi
Unleash the power of infinite rizz!.
The world's most powerful text AI, built into your keyboard
🔗 https://t.co/QfeGMCJVyT
4. Notion AI
Leverage the limitless power of AI in any Notion page.
Write faster, think bigger, and augment your creativity.
Like magic!
🔗 https://t.co/cddxkME23K
More from All
Took me 5 years to get the best Chartink scanners for Stock Market, but you’ll get it in 5 mminutes here ⏰
Do Share the above tweet 👆
These are going to be very simple yet effective pure price action based scanners, no fancy indicators nothing - hope you liked it.
https://t.co/JU0MJIbpRV
52 Week High
One of the classic scanners very you will get strong stocks to Bet on.
https://t.co/V69th0jwBr
Hourly Breakout
This scanner will give you short term bet breakouts like hourly or 2Hr breakout
Volume shocker
Volume spurt in a stock with massive X times
Do Share the above tweet 👆
These are going to be very simple yet effective pure price action based scanners, no fancy indicators nothing - hope you liked it.
https://t.co/JU0MJIbpRV
52 Week High
One of the classic scanners very you will get strong stocks to Bet on.
https://t.co/V69th0jwBr
Hourly Breakout
This scanner will give you short term bet breakouts like hourly or 2Hr breakout
Volume shocker
Volume spurt in a stock with massive X times
You May Also Like
1/ Some initial thoughts on personal moats:
Like company moats, your personal moat should be a competitive advantage that is not only durable—it should also compound over time.
Characteristics of a personal moat below:
2/ Like a company moat, you want to build career capital while you sleep.
As Andrew Chen noted:
3/ You don’t want to build a competitive advantage that is fleeting or that will get commoditized
Things that might get commoditized over time (some longer than
4/ Before the arrival of recorded music, what used to be scarce was the actual music itself — required an in-person artist.
After recorded music, the music itself became abundant and what became scarce was curation, distribution, and self space.
5/ Similarly, in careers, what used to be (more) scarce were things like ideas, money, and exclusive relationships.
In the internet economy, what has become scarce are things like specific knowledge, rare & valuable skills, and great reputations.
Like company moats, your personal moat should be a competitive advantage that is not only durable—it should also compound over time.
Characteristics of a personal moat below:
I'm increasingly interested in the idea of "personal moats" in the context of careers.
— Erik Torenberg (@eriktorenberg) November 22, 2018
Moats should be:
- Hard to learn and hard to do (but perhaps easier for you)
- Skills that are rare and valuable
- Legible
- Compounding over time
- Unique to your own talents & interests https://t.co/bB3k1YcH5b
2/ Like a company moat, you want to build career capital while you sleep.
As Andrew Chen noted:
People talk about \u201cpassive income\u201d a lot but not about \u201cpassive social capital\u201d or \u201cpassive networking\u201d or \u201cpassive knowledge gaining\u201d but that\u2019s what you can architect if you have a thing and it grows over time without intensive constant effort to sustain it
— Andrew Chen (@andrewchen) November 22, 2018
3/ You don’t want to build a competitive advantage that is fleeting or that will get commoditized
Things that might get commoditized over time (some longer than
Things that look like moats but likely aren\u2019t or may fade:
— Erik Torenberg (@eriktorenberg) November 22, 2018
- Proprietary networks
- Being something other than one of the best at any tournament style-game
- Many "awards"
- Twitter followers or general reach without "respect"
- Anything that depends on information asymmetry https://t.co/abjxesVIh9
4/ Before the arrival of recorded music, what used to be scarce was the actual music itself — required an in-person artist.
After recorded music, the music itself became abundant and what became scarce was curation, distribution, and self space.
5/ Similarly, in careers, what used to be (more) scarce were things like ideas, money, and exclusive relationships.
In the internet economy, what has become scarce are things like specific knowledge, rare & valuable skills, and great reputations.
Joshua Hawley, Missouri's Junior Senator, is an autocrat in waiting.
His arrogance and ambition prohibit any allegiance to morality or character.
Thus far, his plan to seize the presidency has fallen into place.
An explanation in photographs.
🧵
Joshua grew up in the next town over from mine, in Lexington, Missouri. A a teenager he wrote a column for the local paper, where he perfected his political condescension.
2/
By the time he reached high-school, however, he attended an elite private high-school 60 miles away in Kansas City.
This is a piece of his history he works to erase as he builds up his counterfeit image as a rural farm boy from a small town who grew up farming.
3/
After graduating from Rockhurst High School, he attended Stanford University where he wrote for the Stanford Review--a libertarian publication founded by Peter Thiel..
4/
(Full Link: https://t.co/zixs1HazLk)
Hawley's writing during his early 20s reveals that he wished for the curriculum at Stanford and other "liberal institutions" to change and to incorporate more conservative moral values.
This led him to create the "Freedom Forum."
5/
His arrogance and ambition prohibit any allegiance to morality or character.
Thus far, his plan to seize the presidency has fallen into place.
An explanation in photographs.
🧵
Joshua grew up in the next town over from mine, in Lexington, Missouri. A a teenager he wrote a column for the local paper, where he perfected his political condescension.
2/
By the time he reached high-school, however, he attended an elite private high-school 60 miles away in Kansas City.
This is a piece of his history he works to erase as he builds up his counterfeit image as a rural farm boy from a small town who grew up farming.
3/
After graduating from Rockhurst High School, he attended Stanford University where he wrote for the Stanford Review--a libertarian publication founded by Peter Thiel..
4/
(Full Link: https://t.co/zixs1HazLk)
Hawley's writing during his early 20s reveals that he wished for the curriculum at Stanford and other "liberal institutions" to change and to incorporate more conservative moral values.
This led him to create the "Freedom Forum."
5/
