โ HTML & CSS
โ JavaScript
โ CSS Frameworks
โ UI Frameworks
โ TypeScript
โ Server-side Frameworks
โ Practice, Practice and, Practice
โ Other Skills
โ Frequently Asked Questions
๐ฃ Beginner's Roadmap for Front-End
HTML & CSS โ ๐ฉโ๐ป โ JavaScript โ ๐ฉโ๐ป
โ
๐ฉโ๐ป โ React* โ ๐ฉโ๐ป โ Tailwind*
โ
TypeScript โ ๐ฉโ๐ป โ Next.js* โ ๐ฉโ๐ป โ ๐
โฉ
โ HTML & CSS
โ JavaScript
โ CSS Frameworks
โ UI Frameworks
โ TypeScript
โ Server-side Frameworks
โ Practice, Practice and, Practice
โ Other Skills
โ Frequently Asked Questions
โฌ Your Front-End journey shall always start from HTML & CSS and, ends with these as well.
โฌ Don't over burden yourself to learn everything at once. It's a continuous subject.
โฌ Do not separate HTML from CSS. That's unnecessary.
https://t.co/XiPrKuQrnB
Beginner's Roadmap for HTML & CSS
— Swapna Kumar Panda \uea00 (@swapnakpanda) April 18, 2022
\u21e9
JavaScript is essential. You should start with basics and move to complex subjects.
โ JavaScript Syntaxes
(preferably ES6 onwards)
โ HTML DOM API
โ Event Handling
โ Fetch API
https://t.co/MAkUW8h22i
\U0001f6e3 Roadmap for JavaScript Absolute Beginners
— Swapna Kumar Panda \uea00 (@swapnakpanda) March 29, 2022
\u21e9
CSS Framework is necessary if you are planning to be a professional developer.
There are so many options available.
โ Tailwind CSS
โ Bootstrap
โ Chakra
โ Bulma
โ Foundation
โ Skeleton
โ Pure CSS
Start with anything. You can switch any time.
To build a complex application, you will start using a UI framework sooner or, later.
They are,
โ React
โ Vue.js
โ Angular
โ Svelte
Go through their documentations. Choose according to your requirement, future interest.
โ JavaScript initially looks to be enough. But once projects become complex and bigger, you will notice how tough it's getting to handle.
โ The biggest drawback (biggest advantage as well) of JavaScript is its dynamic typing. TypeScript is for your rescue.
Client-side UIs (or, Single Page Applications) are
โ Slow at startup
โ Not fully SEO friendly
โ Difficult to grow
Adapt to Server-Side frameworks.
โ Next.js
โ Gatsby
โ NuxtJS
โ Don't just read books and, articles or, watch videos. To learn effectively, you have to practice.
โ Practicing after each step is very very important.
I am here sharing few practice sets.
https://t.co/bteEMoeFMV
Practice 50+ "Difference" Questions
— Swapna Kumar Panda \uea00 (@swapnakpanda) March 25, 2022
\u274d HTML
\u274d CSS
\u274d JavaScript
\u21e9
https://t.co/WMbP2AtiBz
50+ CSS Problems for Practice
— Swapna Kumar Panda \uea00 (@swapnakpanda) March 4, 2022
\u21e9
https://t.co/VgO5EM1ykb
\U0001f469\u200d\U0001f4bb Practice 100+ Problems
— Swapna Kumar Panda \uea00 (@swapnakpanda) April 8, 2022
Using your favourite language
\u274d C
\u274d C++
\u274d Python
\u274d Java
\u274d C#
\u274d PHP
\u274d JavaScript
Or, anything.
\u21e9
https://t.co/B7ic7F6gR9
\U0001f469\u200d\U0001f4bb Practice 50+ Problems
— Swapna Kumar Panda \uea00 (@swapnakpanda) April 21, 2022
Using your favourite language
\u274d C
\u274d C++
\u274d Python
\u274d Java
\u274d C#
\u274d PHP
\u274d Golang
\u274d JavaScript
Crack your next Interview.
\u21e9
https://t.co/kNf0P0JlBk
100+ Project Ideas for JavaScript Beginners
— Swapna Kumar Panda \uea00 (@swapnakpanda) March 26, 2022
\u21e9
These are some mandatory skills
โ Git
Knowledge of Git is must. You can use clients like GitHub, GitLab etc.
โ Data Structures
You should learn basic data structures like Array, Linked List, Stack, Queue, Tree, Graph etc.
โ CSS Preprocessors
CSS is powerful but, sometimes we may need features which are not available in CSS. There, CSS Preprocessors help a lot.
We can choose from
โ Sass
โ LESS
โ Stylus
โ PostCSS
Apart from DOM API and Fetch API, you may have to use many other APIs for building a great web application.
https://t.co/ISM6631s7N
11 Web APIs for Advanced Web Development
— Swapna Kumar Panda \uea00 (@swapnakpanda) April 1, 2022
\u21e9
Managing data (state) in a UI application becomes a tough task when they become abundant.
You may consider to use
โ Redux
โ Mobx
โ React Query
โ xstate
Traditional data fetching from server is a repetitive and slower operation.
GraphQL is a nice invention. It's grooming. Consider using any of the below GraphQL clients.
โ Apollo Client
โ Relay
โ GraphQL Request
โ AWS Amplify
โ urql
โ Can I learn JavaScript before HTML & CSS?
Yes. You can learn basic syntax.
For DOM API and Event Handling etc., you would need knowledge of HTML & CSS.
Yes. This is for illustration only. You can always prepare these 3 in any order.
โ Why Tailwind, but no Bootstrap?
It's just for illustration. You can choose any CSS Framework of your choice.
It's just for illustration. You can choose any JS Framework of your choice.
โ Why are only JS frameworks mentioned?
I have prepared this roadmap keeping JS frameworks in mind. You can chose any framework.
CSS Preprocessors are helpful, no doubt. But, in most circumstances, you may not need them. Use them as per the need.
โ Does ๐ mean, it's finished?
No. The Web Development is evolving every day. So, don't stop.
More from Swapna Kumar Panda ๎จ
You May Also Like
1/12
RT-PCR corona (test) scam
Symptomatic people are tested for one and only one respiratory virus. This means that other acute respiratory infections are reclassified as
2/12
It is tested exquisitely with a hypersensitive non-specific RT-PCR test / Ct >35 (>30 is nonsense, >35 is madness), without considering Ct and clinical context. This means that more acute respiratory infections are reclassified as
3/12
The Drosten RT-PCR test is fabricated in a way that each country and laboratory perform it differently at too high Ct and that the high rate of false positives increases massively due to cross-reaction with other (corona) viruses in the "flu
4/12
Even asymptomatic, previously called healthy, people are tested (en masse) in this way, although there is no epidemiologically relevant asymptomatic transmission. This means that even healthy people are declared as COVID
5/12
Deaths within 28 days after a positive RT-PCR test from whatever cause are designated as deaths WITH COVID. This means that other causes of death are reclassified as
RT-PCR corona (test) scam
Symptomatic people are tested for one and only one respiratory virus. This means that other acute respiratory infections are reclassified as
4/10
— Dr. Thomas Binder, MD (@Thomas_Binder) October 22, 2020
...indication, first of all that testing for a (single) respiratory virus is done outside of surveillance systems or need for specific therapy, but even so the lack of consideration of Ct, symptoms and clinical findings when interpreting its result. https://t.co/gHH6kwRdZG
2/12
It is tested exquisitely with a hypersensitive non-specific RT-PCR test / Ct >35 (>30 is nonsense, >35 is madness), without considering Ct and clinical context. This means that more acute respiratory infections are reclassified as
6/10
— Dr. Thomas Binder, MD (@Thomas_Binder) October 22, 2020
The neither validated nor standardised hypersensitive RT-PCR test / Ct 35-45 for SARS-CoV-2 is abused to mislabel (also) other diseases, especially influenza, as COVID-19.https://t.co/AkFIfTCTkS
3/12
The Drosten RT-PCR test is fabricated in a way that each country and laboratory perform it differently at too high Ct and that the high rate of false positives increases massively due to cross-reaction with other (corona) viruses in the "flu
External peer review of the RTPCR test to detect SARS-CoV-2 reveals 10 major scientific flaws at the molecular and methodological level: consequences for false positive results.https://t.co/mbNY8bdw1p pic.twitter.com/OQBD4grMth
— Dr. Thomas Binder, MD (@Thomas_Binder) November 29, 2020
4/12
Even asymptomatic, previously called healthy, people are tested (en masse) in this way, although there is no epidemiologically relevant asymptomatic transmission. This means that even healthy people are declared as COVID
Thread web\u2b06\ufe0f\u2b07\ufe0f
— Dr. Thomas Binder, MD (@Thomas_Binder) December 16, 2020
The fabrication of the "asymptomatic (super) spreader" is the coronation of the total nons(ci)ense in the belief system of #CoronasWitnesses.
Asymptomatic transmission 0.7%; 95% CI 0%-4.9% - could well be 0%!https://t.co/VeZTzxXfvT
5/12
Deaths within 28 days after a positive RT-PCR test from whatever cause are designated as deaths WITH COVID. This means that other causes of death are reclassified as
8/8
— Dr. Thomas Binder, MD (@Thomas_Binder) March 24, 2020
By the way, who the f*** created this obviously (almost) worldwide definition of #CoronaDeath?
This is not only medical malpractice, this is utterly insane!https://t.co/FFsTx4L2mw
So friends here is the thread on the recommended pathway for new entrants in the stock market.
Here I will share what I believe are essentials for anybody who is interested in stock markets and the resources to learn them, its from my experience and by no means exhaustive..
First the very basic : The Dow theory, Everybody must have basic understanding of it and must learn to observe High Highs, Higher Lows, Lower Highs and Lowers lows on charts and their
Even those who are more inclined towards fundamental side can also benefit from Dow theory, as it can hint start & end of Bull/Bear runs thereby indication entry and exits.
Next basic is Wyckoff's Theory. It tells how accumulation and distribution happens with regularity and how the market actually
Dow theory is old but
Here I will share what I believe are essentials for anybody who is interested in stock markets and the resources to learn them, its from my experience and by no means exhaustive..
First the very basic : The Dow theory, Everybody must have basic understanding of it and must learn to observe High Highs, Higher Lows, Lower Highs and Lowers lows on charts and their
Even those who are more inclined towards fundamental side can also benefit from Dow theory, as it can hint start & end of Bull/Bear runs thereby indication entry and exits.
Next basic is Wyckoff's Theory. It tells how accumulation and distribution happens with regularity and how the market actually
Dow theory is old but
Old is Gold....
— Professor (@DillikiBiili) January 23, 2020
this Bharti Airtel chart is a true copy of the Wyckoff Pattern propounded in 1931....... pic.twitter.com/tQ1PNebq7d
