Pratham Profile picture
16 Apr, 7 tweets, 2 min read
The roadmap to learn HTML, CSS and JavaScript ๐Ÿ›ฃ๏ธ

๐Ÿงต ๐Ÿ‘‡๐Ÿป
๐Ÿ“Œ HTML

1. Understanding the full form of HTML
2. Anatomy of tags
3. HTML5 boilerplate
4. Heading tags
5. ul, ol, li, tags
6. img, span tag
7. Table tags for layout
8. Form tags
9. Some more semantic elements
10. Basic attributes
๐Ÿ“Œ CSS

1. Inline, internal and external CSS
2. Selectors
3. Background
4. Color
5. Box model
6. Height and width
7. Margin and padding
8. Border
9. Positioning
10. display
11. Layouts
12. Grid and Flex
13. Alignment
14. Fonts
15. Animation
16. Pseudo-classes
17. Media query
๐Ÿ“Œ JavaScript

1. Print statement
2. Data types and variables
3. Basic operators
4. Logical operators
5. Comparisons
6. Loops and statements
7. alert()
8. prompt()
9. Arrays
10. Objects
11. Functions
12. Arrow function
13. Array methods

CONT... ๐Ÿ‘‡๐Ÿป
14. Hoisting
15. Closures
16. Callbacks
17. Promises
18. Async & Await
19. Currying
20. And other ES6 feature
Here's a complete detailed breakdown of CSS

JavaScript is deep, but this thread will help you get started with it quickly

โ€ข โ€ข โ€ข

Missing some Tweet in this thread? You can try to force a refresh
ใ€€

Keep Current with Pratham

Pratham Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @Prathkum

16 Apr
5 websites every developer should visit in 2021

๐Ÿงต ๐Ÿ‘‡๐Ÿป
1๏ธโƒฃ Programming Tasks

Large collections of problems that may be solved through programming

๐Ÿ”— rosettacode.org/wiki/Category:โ€ฆ Image
2๏ธโƒฃ DevHints

Simply search for a cheat sheet here. A set of good cheatsheets

๐Ÿ”— devhints.io Image
Read 6 tweets
13 Apr
Top 10 project videos on YouTube every beginner should watch

๐Ÿงต๐Ÿ‘‡
1๏ธโƒฃ Chat application using React

2๏ธโƒฃ Portfolio using HTML and CSS

Read 11 tweets
13 Apr
I failed 8+ interviews. This is what I did

๐Ÿงตโ‡“
99% of the time, we already know the outcome of the interview โ‡“

{ 2 / 7 }
The biggest reason for failing a particular interview is the inability to answer certain questions.

Instead of feeling dispirited, I move on but โ‡“

{ 3 / 7 }
Read 7 tweets
12 Apr
These 8 CSS tips and tricks will make you pro in CSS๐ŸŽจ

๐Ÿงต ๐Ÿ‘‡๐Ÿป
1๏ธโƒฃ Create round text

Creating round text on your website is easy
2๏ธโƒฃ Change the marker of list element

- The "type" attribute of <ol> element accpets 5 type of values ๐Ÿ‘‡๐Ÿป
Read 9 tweets
12 Apr
8 CSS pseudo classes most likely you are not familiar with

๐Ÿงต ๐Ÿ‘‡๐Ÿป
1๏ธโƒฃ :autofill

- The :autofill CSS pseudo-class matches when an <input> element has its value autofilled by the browser

See this in action here codepen.io/prathamkumar/pโ€ฆ input:autofill {   border: 3px solid blue; }
2๏ธโƒฃ :empty

- The :empty CSS pseudo-class represents any element that has no children.
Read 8 tweets
11 Apr
7 great websites a programmer should visit

Thread ๐Ÿงต ๐Ÿ‘‡๐Ÿป
1๏ธโƒฃ Pastebin

Pastebin can store texts like code, notes, and snippets online for a set time which can be shared instantly.

๐Ÿ”— pastebin.com
2๏ธโƒฃ Learn Shell

Whether you are an experienced programmer or not, this website is intended for everyone who wishes to learn programming with Unix/Linux shell interpreters.

๐Ÿ”— learnshell.org
Read 8 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!