In this thread I'll be covering
- All you need to learn about front-end development
- Tools and technologies
- Skills you need to learn
- Resources
Front-end developer roadmap for 2021 🧵👇🏼
In this thread I'll be covering
- All you need to learn about front-end development
- Tools and technologies
- Skills you need to learn
- Resources
I recommend you to start with VS code. Why?👇🏼
🔹Many built-in features
🔹It's fast
🔹Large community
🔹IntelliSense code completion and debugging
Don't worry we have lots of online editors also👇🏼
🔹https://t.co/aq2wrH6cD3
🔹https://t.co/drzfitzmsG
A typical website can be divide into three phases
- HTML 🧱
- CSS 🎨
- JavaScript ⚙️
- It is used to build the skeleton for your website
- It's a markup language that totally operates on tags
- You can master it with 10 days
🔹 https://t.co/TlrsSM0dh9
- It is used to give the styling for your website
- Cascading Style Sheets, that totally operates on different properties
- You can learn it within 20-25 days but it will take time to master it
Generally CSS revolves around👇🏼
- Box model
- Position
- Background
- Animation
- Media query
- Flex box
- CSS grid
Documentation
🔹 https://t.co/bBk1rSijxo
Check out this amazing article in order to learn CSS by playing games
🔹https://t.co/2klS6NLZ79
- In simple words CSS frameworks are the CSS code written by some other developers. All you need to do is just import in your HTML file and now you can add styling in your website with even writing CSS code by yourself
- Isn't it cool😍
- Pick any CSS Frameworks by your choice👇🏼
🔹Tailwind CSS
🔹Bootstrap
🔹Bulma
🔹Materialize CSS
🔹Foundation
... and many more
- JS is used to add functionality and behavior in your website
- JavaScript is a popular programming and widely used language for Web Development
- You can't master JS in few days or months, It will take time
But you will be able to create websites in few days.
- Data types
- Loops
- Conditional statements
- Objects
- Arrays
- Functions
Documentation
🔹https://t.co/XkMlZQOF0h
Other learning resources
🔹Start with freecodecamp @freeCodeCamp
🔹Recently @frontenddude launched a website for free JS resources 👉🏼 "java5cript .com"
- With the HTML DOM, you can access, modify and changes the HTML elements
- When a web page is loaded, the browser creates a Document Object Model of the page
- elements in the page
- attributes
- CSS styling
I mean now you have a super power to make changes in you webpage using JS
- Git is a Version Control system used for tracking changes
- GitHub is a code hosting platform of Git
An amazing crash course by @freeCodeCamp on YouTube
https://t.co/ysa17PpoGO
There are many like React, Angular, vue, Ember, Backbone etc. All are equally good.
I love React so I'm providing the learning resources for React👇🏼
https://t.co/O5dCaqYV11
#100DaysOfCode
— Pratham \U0001f468\u200d\U0001f4bb\U0001f680 (@Prathkum) August 24, 2020
Here are some resources for learning React \u269b\ufe0f#webdevelopment #javascript
\U0001f9f5\U0001f447\U0001f3fb
More from Pratham 👨💻🚀
5 amazing websites that will blow the mind of a developer. Definitely check them out
🧵👇🏻
1️⃣ Animation generator
- Dead simple visual tools to help you generate CSS for your projects.
🔗 https://t.co/IFmIEgDiVY
2️⃣ Neural Network Visualizer
- Deep playground is an interactive visualization of neural networks, written in TypeScript using d3.js.
🔗 https://t.co/mTAlFbJsOW
3️⃣ Blockchain Demo
- A visual demo of blockchain technology
🔗 https://t.co/I1RwxYcM1Z
4️⃣ Developer Roadmaps
- Step by step guides and paths to learn different tools or technologies
🔗 https://t.co/VSNPdG8jQR
🧵👇🏻
1️⃣ Animation generator
- Dead simple visual tools to help you generate CSS for your projects.
🔗 https://t.co/IFmIEgDiVY
2️⃣ Neural Network Visualizer
- Deep playground is an interactive visualization of neural networks, written in TypeScript using d3.js.
🔗 https://t.co/mTAlFbJsOW
3️⃣ Blockchain Demo
- A visual demo of blockchain technology
🔗 https://t.co/I1RwxYcM1Z
4️⃣ Developer Roadmaps
- Step by step guides and paths to learn different tools or technologies
🔗 https://t.co/VSNPdG8jQR
I've brought you some amazing GitHub repositories of web development tips and tricks 🌟
THREAD🧵🔽
1️⃣ JS Tips
- A huge list of 73 great tips and tricks of JavaScript
🔗 https://t.co/r0J9vW8WrH
2️⃣ CSS Protips
- A collection of tips to help take your CSS skills pro. Definitely check it out
🔗 https://t.co/5haB2xTWuz
3️⃣ JS Tips and Tricks
- Some advanced tips and tricks of JavaScript that can help you to take your skills onto next level
🔗 https://t.co/NvfoANwweV
4️⃣ Git Tips
- Git is an essential tool for very programmer. in this repo you'll find the most commonly used git tips and tricks
🔗 https://t.co/34qvOhYCZE
THREAD🧵🔽
1️⃣ JS Tips
- A huge list of 73 great tips and tricks of JavaScript
🔗 https://t.co/r0J9vW8WrH
2️⃣ CSS Protips
- A collection of tips to help take your CSS skills pro. Definitely check it out
🔗 https://t.co/5haB2xTWuz
3️⃣ JS Tips and Tricks
- Some advanced tips and tricks of JavaScript that can help you to take your skills onto next level
🔗 https://t.co/NvfoANwweV
4️⃣ Git Tips
- Git is an essential tool for very programmer. in this repo you'll find the most commonly used git tips and tricks
🔗 https://t.co/34qvOhYCZE
You can check out these websites if you're learning HTML, CSS and JavaScript 🧵...
HTML 🧱
1. Learn HTML
https://t.co/NlQZAFwthT
2. HTML best practice
https://t.co/PyPf3lP9bX
3. HTML
CSS 🎨
1. CSS reference
https://t.co/Hhk8NKglpf
2. Learn to code
https://t.co/CLEsHgSrEk
3. CSS layout
https://t.co/9yiXkP3mWi
4. CSS tutorial
https://t.co/fR6AeVTdZv
5. Learn about colors
https://t.co/7vrD10j0jU
6. Learn gird
JavaScript ⚙️
1. JavaScript visualizer
https://t.co/9NId4GjGAq
2. Learn JavaScript
https://t.co/5WbtISS11I
https://t.co/4h27qOC1fO
3. JavaScript tutorial
https://t.co/taSKnEPxMS
4. JavaScript 30
https://t.co/j2wEIHVU8S
5. JavaScript
HTML 🧱
1. Learn HTML
https://t.co/NlQZAFwthT
2. HTML best practice
https://t.co/PyPf3lP9bX
3. HTML
CSS 🎨
1. CSS reference
https://t.co/Hhk8NKglpf
2. Learn to code
https://t.co/CLEsHgSrEk
3. CSS layout
https://t.co/9yiXkP3mWi
4. CSS tutorial
https://t.co/fR6AeVTdZv
5. Learn about colors
https://t.co/7vrD10j0jU
6. Learn gird
JavaScript ⚙️
1. JavaScript visualizer
https://t.co/9NId4GjGAq
2. Learn JavaScript
https://t.co/5WbtISS11I
https://t.co/4h27qOC1fO
3. JavaScript tutorial
https://t.co/taSKnEPxMS
4. JavaScript 30
https://t.co/j2wEIHVU8S
5. JavaScript
9 websites that will help you learn web development faster (they are free) 🧵
1. How HTTP Works
Everything you need to know about HTTP based system.
🔗 https://t.co/gVZS4RzS1a
2. 30 Days of Node
Learn Node step by step with interactive examples and code snippet in 30 days.
🔗 https://t.co/9nbtMiNB1C
3. How DNS Works
Learn what happens when you type a website address in your browser
🔗 https://t.co/SqMRNnDbc3
4. Git
Check out this excellent free website to learn git visually.
🔗 https://t.co/rQJMISBDfS
1. How HTTP Works
Everything you need to know about HTTP based system.
🔗 https://t.co/gVZS4RzS1a
2. 30 Days of Node
Learn Node step by step with interactive examples and code snippet in 30 days.
🔗 https://t.co/9nbtMiNB1C
3. How DNS Works
Learn what happens when you type a website address in your browser
🔗 https://t.co/SqMRNnDbc3
4. Git
Check out this excellent free website to learn git visually.
🔗 https://t.co/rQJMISBDfS
5 great gradient background sites for every web developer and designer 🎨
🧵👇🏻
1️⃣ uiGradients
- A handpicked collection of beautiful color gradients for designers and developers.
🔗 https://t.co/EainhiePop
2️⃣ Eggradient
- Ready to use gradient background colors. ✓ Cool Gradients are prepared according to the latest design trends
🔗 https://t.co/F0uYVsZbA4
3️⃣ Mesh Gradients
- Create beautiful gradient like aurora UI in few clicks
🔗 https://t.co/MV8PT7q3Kz
4️⃣ CSS Gradient
- Create beatiful gradeint either linear or radial on different angles
🔗 https://t.co/dlCExilHAT
🧵👇🏻
1️⃣ uiGradients
- A handpicked collection of beautiful color gradients for designers and developers.
🔗 https://t.co/EainhiePop
2️⃣ Eggradient
- Ready to use gradient background colors. ✓ Cool Gradients are prepared according to the latest design trends
🔗 https://t.co/F0uYVsZbA4
3️⃣ Mesh Gradients
- Create beautiful gradient like aurora UI in few clicks
🔗 https://t.co/MV8PT7q3Kz
4️⃣ CSS Gradient
- Create beatiful gradeint either linear or radial on different angles
🔗 https://t.co/dlCExilHAT
More from Education
Trending news of The Rock's daughter Simone Johnson's announcing her new Stage Name is breaking our Versus tool because "Wrestling Name" isn't in our database!
Here's the most useful #Factualist comparison pages #Thread 🧵
What is the difference between “pseudonym” and “stage name?”
Pseudonym means “a fictitious name (more literally, a false name), as those used by writers and movie stars,” while stage name is “the pseudonym of an entertainer.”
https://t.co/hT5XPkTepy #english #wiki #wikidiff
People also found this comparison helpful:
Alias #versus Stage Name: What’s the difference?
Alias means “another name; an assumed name,” while stage name means “the pseudonym of an entertainer.”
https://t.co/Kf7uVKekMd #Etymology #words
Another common #question:
What is the difference between “alias” and “pseudonym?”
As nouns alias means “another name; an assumed name,” while pseudonym means “a fictitious name (more literally, a false name), as those used by writers and movie
Here is a very basic #comparison: "Name versus Stage Name"
As #nouns, the difference is that name means “any nounal word or phrase which indicates a particular person, place, class, or thing,” but stage name means “the pseudonym of an
Here's the most useful #Factualist comparison pages #Thread 🧵
What is the difference between “pseudonym” and “stage name?”
Pseudonym means “a fictitious name (more literally, a false name), as those used by writers and movie stars,” while stage name is “the pseudonym of an entertainer.”
https://t.co/hT5XPkTepy #english #wiki #wikidiff
People also found this comparison helpful:
Alias #versus Stage Name: What’s the difference?
Alias means “another name; an assumed name,” while stage name means “the pseudonym of an entertainer.”
https://t.co/Kf7uVKekMd #Etymology #words
Another common #question:
What is the difference between “alias” and “pseudonym?”
As nouns alias means “another name; an assumed name,” while pseudonym means “a fictitious name (more literally, a false name), as those used by writers and movie
Here is a very basic #comparison: "Name versus Stage Name"
As #nouns, the difference is that name means “any nounal word or phrase which indicates a particular person, place, class, or thing,” but stage name means “the pseudonym of an
OK I am going to be tackling this as surveillance/open source intel gathering exercise, because that is my background. I blew away 3 years of my life doing site acquisition/reconnaissance for a certain industry that shall remain unnamed and believe there is significant carryover.
This is NOT going to be zillow "here is how to google school districts and find walmart" we are not concerned with this malarkey, we are homeschooling and planting victory gardens and having gigantic happy families.
With that said, for my frog and frog-adjacent bros and sisters:
CHOICE SITES:
Zillow is obvious one, but there are many good sites like Billy Land, Classic Country Land, Landwatch, etc. and many of these specialize in owner financing (more on that later.) Do NOT treat these as authoritative sources - trust plat maps and parcel viewers.
TARGET IDENTIFICATION AND EVALUATION:
Okay, everyone knows how to google "raw land in x state" but there are other resources out there, including state Departments of Natural Resources, foreclosure auctions, etc. Finding the land you like is the easy part. Let's do a case study.
I'm going to target using an "off-grid but not" algorithm. This is a good piece in my book - middle of nowhere but still trekkable to civilization.
Note: visible power, power/fiber pedestal, utility corridor, nearby commercial enterprise(s), and utility pole shadows visible.
If I did thred on finding/acquiring decent raw land would that be something pepo are interested in
— Ovcharka (@ouroboros_outis) January 18, 2021
I think I know a bunch of weird tips/tricks for selection at this point that it might help u guys, lemme know
This is NOT going to be zillow "here is how to google school districts and find walmart" we are not concerned with this malarkey, we are homeschooling and planting victory gardens and having gigantic happy families.
With that said, for my frog and frog-adjacent bros and sisters:
CHOICE SITES:
Zillow is obvious one, but there are many good sites like Billy Land, Classic Country Land, Landwatch, etc. and many of these specialize in owner financing (more on that later.) Do NOT treat these as authoritative sources - trust plat maps and parcel viewers.
TARGET IDENTIFICATION AND EVALUATION:
Okay, everyone knows how to google "raw land in x state" but there are other resources out there, including state Departments of Natural Resources, foreclosure auctions, etc. Finding the land you like is the easy part. Let's do a case study.
I'm going to target using an "off-grid but not" algorithm. This is a good piece in my book - middle of nowhere but still trekkable to civilization.
Note: visible power, power/fiber pedestal, utility corridor, nearby commercial enterprise(s), and utility pole shadows visible.
You May Also Like
🌿𝑻𝒉𝒆 𝒔𝒕𝒐𝒓𝒚 𝒐𝒇 𝒂 𝑺𝒕𝒂𝒓 : 𝑫𝒉𝒓𝒖𝒗𝒂 & 𝑽𝒊𝒔𝒉𝒏𝒖
Once upon a time there was a Raja named Uttānapāda born of Svayambhuva Manu,1st man on earth.He had 2 beautiful wives - Suniti & Suruchi & two sons were born of them Dhruva & Uttama respectively.
#talesofkrishna https://t.co/E85MTPkF9W
Now Suniti was the daughter of a tribal chief while Suruchi was the daughter of a rich king. Hence Suruchi was always favored the most by Raja while Suniti was ignored. But while Suniti was gentle & kind hearted by nature Suruchi was venomous inside.
#KrishnaLeela
The story is of a time when ideally the eldest son of the king becomes the heir to the throne. Hence the sinhasan of the Raja belonged to Dhruva.This is why Suruchi who was the 2nd wife nourished poison in her heart for Dhruva as she knew her son will never get the throne.
One day when Dhruva was just 5 years old he went on to sit on his father's lap. Suruchi, the jealous queen, got enraged and shoved him away from Raja as she never wanted Raja to shower Dhruva with his fatherly affection.
Dhruva protested questioning his step mother "why can't i sit on my own father's lap?" A furious Suruchi berated him saying "only God can allow him that privilege. Go ask him"
Once upon a time there was a Raja named Uttānapāda born of Svayambhuva Manu,1st man on earth.He had 2 beautiful wives - Suniti & Suruchi & two sons were born of them Dhruva & Uttama respectively.
#talesofkrishna https://t.co/E85MTPkF9W
Prabhu says i reside in the heart of my bhakt.
— Right Singh (@rightwingchora) December 21, 2020
Guess the event. pic.twitter.com/yFUmbfe5KL
Now Suniti was the daughter of a tribal chief while Suruchi was the daughter of a rich king. Hence Suruchi was always favored the most by Raja while Suniti was ignored. But while Suniti was gentle & kind hearted by nature Suruchi was venomous inside.
#KrishnaLeela
The story is of a time when ideally the eldest son of the king becomes the heir to the throne. Hence the sinhasan of the Raja belonged to Dhruva.This is why Suruchi who was the 2nd wife nourished poison in her heart for Dhruva as she knew her son will never get the throne.
One day when Dhruva was just 5 years old he went on to sit on his father's lap. Suruchi, the jealous queen, got enraged and shoved him away from Raja as she never wanted Raja to shower Dhruva with his fatherly affection.
Dhruva protested questioning his step mother "why can't i sit on my own father's lap?" A furious Suruchi berated him saying "only God can allow him that privilege. Go ask him"
There are many strategies in market 📉and it's possible to get monthly 4% return consistently if you master 💪in one strategy .
One of those strategies which I like is Iron Fly✈️
Few important points on Iron fly stategy
This is fixed loss🔴 defined stategy ,so you are aware of your losses . You know your risk ⚠️and breakeven points to exit the positions.
Risk is defined , so at psychological🧠 level you are at peace🙋♀️
How to implement
1. Should be done on Tuesday or Wednesday for next week expiry after 1-2 pm
2. Take view of the market ,looking at daily chart
3. Then do weekly iron fly.
4. No need to hold this till expiry day .
5.Exit it one day before expiry or when you see more than 2% within the week.
5. High vix is preferred for iron fly
6. Can be executed with less capital of 3-5 lakhs .
https://t.co/MYDgWkjYo8 have R:2R so over all it should be good.
8. If you are able to get 6% return monthly ,it means close to 100% return on your capital per annum.
One of those strategies which I like is Iron Fly✈️
Few important points on Iron fly stategy
This is fixed loss🔴 defined stategy ,so you are aware of your losses . You know your risk ⚠️and breakeven points to exit the positions.
Risk is defined , so at psychological🧠 level you are at peace🙋♀️
How to implement
1. Should be done on Tuesday or Wednesday for next week expiry after 1-2 pm
2. Take view of the market ,looking at daily chart
3. Then do weekly iron fly.
4. No need to hold this till expiry day .
5.Exit it one day before expiry or when you see more than 2% within the week.
5. High vix is preferred for iron fly
6. Can be executed with less capital of 3-5 lakhs .
https://t.co/MYDgWkjYo8 have R:2R so over all it should be good.
8. If you are able to get 6% return monthly ,it means close to 100% return on your capital per annum.
