BC ALL
Saved by @eyedotteecross

After 7 years of Web Development experience

Mentoring 40+ beginners.

Here is a battle-tested roadmap to master frontend development:

 The web development journey is a never-ending process.

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.
This thread will contain all information on How I learned all the technologies that helped me stand out from the crowd.

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.
Here are some of the lessons you should keep in mind forever:

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
1. First, learn about HTML

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.
Once all HTML Chapters are read, build an example with HTML elements you learned.

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.
Before moving to CSS, watch one HTML tutorial video again to brush up on things.

I have learned everything from this Youtube channel (Traversy Media) - https://t.co/zOpbZBoHrg
2. Learn CSS

Follow the same process learn on w3schools and build examples on the local machine.

https://t.co/wEK7RZ4p3f
Build 5-10 examples only on CSS after learning.

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
3. Build More Examples with HTML + CSS combo

Search on google for "Example for practicing HTML, CSS."

Try to clone some websites which will boost your confidence.
4. Learn Git

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.
5. Learn Boostrap ( Optional but recommended step )

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.
6. Learn JavaScript

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.
While building a JavaScript example, make sure to focus on HTML, CSS, and Bootstrap.

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.
7. Learn React

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.
Additional Resources to learn ReactJS:

https://t.co/eNxEDUPit7
Remember each example you build is going to be on Github.

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.
Having these skills is enough to land a good job.

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
Remember, pick one thing at a time. Master it.

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.
8. Miscellaneous things I would 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.
Guaranteed Results

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
Thanks for checking this out. I hope you have learned from this thread.

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.
Follow @MakadiaHarsh for more such threads around web development and personal growth.

Cheers!

Retweet the first tweet to help others! https://t.co/hctibg0yrB

More from Harsh Makadia

Harsh Makadia
Harsh Makadia
@MakadiaHarsh
I made $7,000+ by launching 9 digital products.

I didn't even write a single line of code 🤯

From designing to marketing and crafting sales copy that converts

Here are 20 free tools that every creator must know.

[ Mega Thread 🧵 ]

{ 1 } Get Free Domain

Free domain for everyone.

There are many free options available if you don't want to pay.

🔗

{ 2 } Bio Link

If you have multiple info products adding them to your bio becomes difficult.

Use bio link, one link for all your info products and websites.

🔗

{ 3 } Buy Me a Coffee

Accept donations.

Start a membership.

Sell anything you like. It’s easier than you think.

🔗

{ 4 } Gumroad

With Gumroad, anyone can earn their first dollar online.

Just start with what you know, see what sticks, and get paid.

It’s that easy.

🔗
ALL
Harsh Makadia
Harsh Makadia
@MakadiaHarsh
TED Talks are life-changing.

Here are 11 Most popular Ted Talks worth your time:

1. Inside the mind of a master procrastinator

By: Tim Urban

Time: 14 Mins

Link: https://t.co/Cr1k8kEG8H


2/ How great leaders inspire action

By: Simon Sinek

Time: 18 Mins

Link: https://t.co/0N1kU4Vp7X


3. Your body language may shape who you are

By: Amy Cuddy

Time: 21 Mins

Link: https://t.co/JJxntfb256


4. How to speak so that people want to listen

By: Julian Treasure

Time: 10 Mins

Link: https://t.co/DzO3koptxV
ALL
Advertisement
Harsh Makadia
Harsh Makadia
@MakadiaHarsh
Bad News:
Building a startup is hard.

Good News:
No-code is the magic pill to save time and money.

Here are 10 no-code tools every startup should know in 2022 🧵:
ALL
Harsh Makadia
Harsh Makadia
@MakadiaHarsh
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
AI
Harsh Makadia
Harsh Makadia
@MakadiaHarsh
10 Google Calendar tips so good that you'll kick yourself for not knowing them :

1. Create New Calendar Event

use https://t.co/eFpzENNmRR to quickly create a new calendar event.

Save time by avoiding multiple clicks.


2. Daily Email Digest

Start your day with a daily agenda in your Gmail inbox, based on your Google Calendar schedule.

To Activate:

1. Go to settings

2. Settings for my calendars

3. Go to Other notifications

4. Daily Agenda → Select Email


3. Display World Clock and Secondary Timezone

Never leave the calendar to check the time in another timezone.

Everything at one place, 10X Productivity.

To Activate:

1. Go to settings

2. World Clock, Add countries you want


4. Advanced Search

Unlock results faster with smart search.

Everything works just like the Gmail Advanced filter.

Search faster, Save time.
ALL

More from All

The Chartians
The Chartians
@chartians
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
SCREENERS , ALL , CHARTLINK SCREENERS
Vibhu Vashisth
Vibhu Vashisth
@VIBHU_Tweet
LACHIT BORPHUKAN : AN UNSUNG WARRIOR OF THE AHOM KINGDOM & THE GREAT BATTLE OF SARAIGHAT

Originally named as Lachit Deca, Lachit Borphukan, the fierce and invincible Ahom Commander, was born during the early 17th century at Betioni in the Golaghat district of modern Assam.


His father, Momai Tamuli Borbarua was the ‘Governor’ of the kingdom and also ‘Commander-in-Chief’ of Ahom army under King Pratap Singha during his reign starting from 1603 to 1639. Lachit received military training from an early age and joined the Ahom King Jayadhvaj Singha...


...(1648-1663) as a scarf-bearer.  The post ‘scarf-bearer’ or ‘Soladhara Barua’ is considered as a part of the incumbent king’s personal staff. Owing to his military training Lechit was appointed "Ghora Barua", Supdt. of the Royal horses. When Chakradhwaj Singha became king..


..of Ahom dynasty in 1663,he appointed him Suptd. of The Royal Guards &finally he was appointed as Borphukan by the king.Then onwards,he was known as Lachit Borphukan.Borphukan used to be top councillor in Ahom Kingdom. This position was embedded with executive & judicial powers.


Assam was facing incessant Islamic invasion since Jan1662, when Mughal General Mir Jumla II attacked Ahom capital Gargaon. He never defeated Ahom king Jayadhwaja Singha as king retreated to hill &continued Guerrilla warfare.Prolonged fight &prospect of stalemate disturbed Jumla.
ALL
Advertisement
Daoyu
Daoyu
@Daoyu15
@franciscodeasis https://t.co/OuQaBRFPu7
Unfortunately the "This work includes the identification of viral sequences in bat samples, and has resulted in the isolation of three bat SARS-related coronaviruses that are now used as reagents to test therapeutics and vaccines." were BEFORE the


chimeric infectious clone grants were there.https://t.co/DAArwFkz6v is in 2017, Rs4231.
https://t.co/UgXygDjYbW is in 2016, RsSHC014 and RsWIV16.
https://t.co/krO69CsJ94 is in 2013, RsWIV1. notice that this is before the beginning of the project

starting in 2016. Also remember that they told about only 3 isolates/live viruses. RsSHC014 is a live infectious clone that is just as alive as those other "Isolates".

P.D. somehow is able to use funds that he have yet recieved yet, and send results and sequences from late 2019 back in time into 2015,2013 and 2016!

https://t.co/4wC7k1Lh54 Ref 3: Why ALL your pangolin samples were PCR negative? to avoid deep sequencing and accidentally reveal Paguma Larvata and Oryctolagus Cuniculus?
ALL
Angela Jamison
Angela Jamison
@AnJamison
@LakotaMan1 @buzz\_chronicles @buzz\\\_chronicles @buzz_chronicles save as category @pdfmakerapp grab @pdfmakerapp grab this @readwiseio save @readwiseio save thread @threader compile summarize @Threadreaderapp unroll please @ttttreads unroll @unrollthread.com @SaveToBookmarks
ALL
Anshumani Ruddra
Anshumani Ruddra
@baboonzero
Mahabharat - the great war - 18 days of heroism, deceit, blood and intrigue - now as a mega Twitter thread.

I'll add the events from a few days of the war each day.

Caveats: lots of editorialization, creative liberties and interpretations.

There will also be a lot of asides - especially around war strategy and tactics, the characters and their motivations and non-canon storylines.

Over the years, I've read multiple versions, phenomenal translations and modern retellings. So be prepared for a potpourri.

There are different ways of looking at this war. Was it a family feud? Sure - but whose family? Shantanu's or Satyavati's? Was Vyas essentially telling us his family history? And then Kunti added a twist to this tale. Here's a helpful chart:


Satyavati's two sons from Shantanu both died without children. Vyas - her first son - fathered Dhritarashtra and Pandu (and Vidur).

Pandu never fathered any children. Kunti and Madari gave birth to six demi-gods (Karna and the five Pandavs).

So Satyavati Vs Kunti and Madari.

Or was this a fight between two massive neighbouring kingdoms - the Kurus and the Panchals? While many smaller kingdoms joined the battle, most of the Pandav army (more than half of their 7 divisions) came from the Panchals. King Drupad and his son Shikhandi led two divisions.
ALL

You May Also Like

ashkan soltani
ashkan soltani
@ashk4n
BREAKING: @CommonsCMS @DamianCollins just released previously sealed #Six4Three @Facebook documents:

Some random interesting tidbits:

1) Zuck approves shutting down platform API access for Twitter's when Vine is released #competition


2) Facebook engineered ways to access user's call history w/o alerting users:

Team considered access to call history considered 'high PR risk' but 'growth team will charge ahead'. @Facebook created upgrade path to access data w/o subjecting users to Android permissions dialogue.


3) The above also confirms @kashhill and other's suspicion that call history was used to improve PYMK (People You May Know) suggestions and newsfeed rankings.

4) Docs also shed more light into @dseetharaman's story on @Facebook monitoring users' @Onavo VPN activity to determine what competitors to mimic or acquire in 2013.

https://t.co/PwiRIL3v9x
TECH
katya adler
katya adler
@BBCkatyaadler
Again, at such a key moment in UK and at such high political levels, evidence of deep misunderstanding of EU: The PM is under pressure in some quarters to delay #Brexit vote to allow her first to “improve” deal in Brussels BUT EU is determined not to budge at this stage

2) All EU leaders watching tomorrow’s vote. Of course they want to avoid a no deal #Brexit BUT they feel the deal - so painfully negotiated between EU and UK - is too fresh to re-open. Clarifications, yes but fundamental renegotiations, no.

3) The EU’s international reputation as a tough deal-maker is at stake here too. If Brussels now suddenly “gives in” to U.K. on EU red lines (eg backstop) then that would weaken the EU’s reputation in future trade negotiations with other non EU countries

4) Also on backstop the EU is unlikely to cave in to favour a relationship with a leaving member state (UK) against the explicit wishes and ignoring the deep concerns of a continuing member: Ireland.

5) Both the EU and the PM signed up to a guarantee to protect the border between Northern Ireland and the Republic of Ireland. If either the U.K. or EU can leave the backstop unilaterally then this clearly is no longer a guarantee.
POLITICS
Advertisement
Edwin Hayward
Edwin Hayward
@uk_domain_names
Ok, it's high time to look at the REAL effects of Brexit. As the Tories implode & Labour sits on its hands, companies are executing contingency plans, shifting jobs & assets, slashing investments, or redomiciling (accounting exercise). Happening NOW, not in a fantasy future. 1/95

Barden Corporation is closing down its Plymouth factory after 51 years, putting 400 jobs at risk, as its parent company Schaeffler shifts production to various sites outside the UK due to Brexit.

8 health providers have warned of medicine shortages in the event of a no-deal Brexit: "we do not believe that the current medicine supply plans will suffice, and we will have widespread shortages if we do not respond urgently."

Pfizer - $100 million on Brexit prep: "Pfizer’s preparations are well advanced to make the changes necessary to meet EU legal requirements after the U.K. is no longer a member state, especially in the regulatory, manufacturing and supply chain areas."

The Government has spent £4.2 billion pounds on Brexit preparations (£2.2 billion in previous Budgets, plus an additional £2 billion in the most recent Budget.)
POLITICS
Vibhu Vashisth
Vibhu Vashisth
@VIBHU_Tweet
THE LESSER KNOWN MAHARANA OF MEWAR:RANA KUMBHA
Kumbalgarh Fort is one of most spectacular sites of India,atop a hill abt 3600ft above sea lvl in the https://t.co/LkjmzzBhE2's second largest wall is surrounding it.A fort wall second only to Great wall of China,still not so famous.


This longest wall of India stretches to almost 36Km and encompasses a few hills, many step wells and over 360 temples and palaces. Birth place of the Great Maharana Pratap, this fort is named after another Great Maharana of Mewar, who is not given his due in the History.


Builder of many architectural marvels like the Kumbhalgarh Fort, an erudite scholar, a patron of arts, music, culture & a great warrior was the Great Maharana Kumbha. Yet we don't know much about him. Let's get to know him a little.


Maharana Kumbha was the undefeated King of Mewar from 1433-1468CE.He never lost any battles &kept Mewar out of the reach of Islamic Invaders till the time he was alive. Born on Makar Sakranti to Maharana Mokal & Saubhagya Devi, Rana Kumbha was only 13 when he ascended the throne.


His father was killed by his own relatives in a political conspiracy. He was a powerful King about 8ft tall &charismatic personality,a hardcore Hindu Rajput who could shed his life for Hindu honour without thinking twice.He was an ardent skillful warrior who never lost a battle.
ALL
Anumah, Abdulraheem Okehi \U0001f468\u200d\U0001f52c\U0001f1f3\U0001f1ec \U0001f1eb\U0001f1f7 \U0001f1f5\U0001f1f9 \U0001f1ea\U0001f1f8
Anumah, Abdulraheem Ok...
@AnumahABD
Department List of UCAS-China PROFESSORs for ANSO, CSC and UCAS (fully or partial) Scholarship Acceptance
1) UCAS School of physical sciences Professor
https://t.co/9X8OheIvRw
2) UCAS School of mathematical sciences Professor

3) UCAS School of nuclear sciences and technology
https://t.co/nQH8JnewcJ
4) UCAS School of astronomy and space sciences
https://t.co/7Ikc6CuKHZ
5) UCAS School of engineering

6) Geotechnical Engineering Teaching and Research Office
https://t.co/jBCJW7UKlQ
7) Multi-scale Mechanics Teaching and Research Section
https://t.co/eqfQnX1LEQ
😎 Microgravity Science Teaching and Research

9) High temperature gas dynamics teaching and research section
https://t.co/tVIdKgTPl3
10) Department of Biomechanics and Medical Engineering
https://t.co/ubW4xhZY2R
11) Ocean Engineering Teaching and Research

12) Department of Dynamics and Advanced Manufacturing
https://t.co/42BKXEugGv
13) Refrigeration and Cryogenic Engineering Teaching and Research Office
https://t.co/pZdUXFTvw3
14) Power Machinery and Engineering Teaching and Research
EDUCATION