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 great background websites for every web developer and designer
🧵👇
1. Magic pattern
Beautiful pure CSS background patterns that you can actually use in your projects. They are highly customizable as well.
🖇️ https://t.co/ZqczrPfkdZ
2. Cool backgrounds
Collection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpapers
🖇️ https://t.co/df7VSb9t8H
3. Gradienta
Use pure CSS gradient backgrounds for your next website or app, as a JPG image or CSS code, no attribute required
🖇️ https://t.co/R58zrwpZCH
4 Mesh gradient
Creat aurora UI like gradients using few simple clicks
🖇️ https://t.co/vOHHDASr1V
🧵👇
1. Magic pattern
Beautiful pure CSS background patterns that you can actually use in your projects. They are highly customizable as well.
🖇️ https://t.co/ZqczrPfkdZ
2. Cool backgrounds
Collection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpapers
🖇️ https://t.co/df7VSb9t8H
3. Gradienta
Use pure CSS gradient backgrounds for your next website or app, as a JPG image or CSS code, no attribute required
🖇️ https://t.co/R58zrwpZCH
4 Mesh gradient
Creat aurora UI like gradients using few simple clicks
🖇️ https://t.co/vOHHDASr1V
5 amazing GitHub repositories for every self taught developer
A Thread 🧵
1️⃣ Computer Science
🎓 Path to a free self-taught education in Computer Science!
🔗 https://t.co/67jB5zqIes
2️⃣ Free Certifications
Curated list of free courses & certifications
🔗 https://t.co/4XtlAVlovs
3️⃣ Free Programming Books
📚 Freely available programming books
🔗 https://t.co/eOWLCtwtIV
4️⃣ JavaScript Question
A long list of (advanced) JavaScript questions, and their explanations ✨
🔗 https://t.co/UvEl1Esvh3
A Thread 🧵
1️⃣ Computer Science
🎓 Path to a free self-taught education in Computer Science!
🔗 https://t.co/67jB5zqIes
2️⃣ Free Certifications
Curated list of free courses & certifications
🔗 https://t.co/4XtlAVlovs
3️⃣ Free Programming Books
📚 Freely available programming books
🔗 https://t.co/eOWLCtwtIV
4️⃣ JavaScript Question
A long list of (advanced) JavaScript questions, and their explanations ✨
🔗 https://t.co/UvEl1Esvh3
7 GitHub repositories will make you a standout developer from 99% of people:
1. Memphis
An open-source real-time data processing platform.
• Message broker
• Schema Management
• Zero ops
• Cloud-native
• Rapid development
• Significantly lower development time
🔗 https://t.co/w5L2aCM3do
2. The art of command line
Master the command line, in one page.
🔗 https://t.co/uF2RlcUIxb
3. Public APIs
A collective list of free APIs for use in software and web development
🔗 https://t.co/vDRQKBf15V
4. Hover
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.
🔗 https://t.co/bIGEEPcMkJ
1. Memphis
An open-source real-time data processing platform.
• Message broker
• Schema Management
• Zero ops
• Cloud-native
• Rapid development
• Significantly lower development time
🔗 https://t.co/w5L2aCM3do
2. The art of command line
Master the command line, in one page.
🔗 https://t.co/uF2RlcUIxb
3. Public APIs
A collective list of free APIs for use in software and web development
🔗 https://t.co/vDRQKBf15V
4. Hover
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.
🔗 https://t.co/bIGEEPcMkJ
More from Education
I held back from commenting overnight to chew it over, but I am still saddened by comments during a presentation I attended yesterday by Prof @trishgreenhalgh & @CIHR_IMHA.
The topic was “LongCovid, Myalgic Encephalomyelitis & More”.
I quote from memory.
1/n
#MECFS #LongCovid
The bulk of Prof @Trishgreenhalgh’s presentation was on the importance of recognising LongCovid patient’s symptoms, and pathways for patients which recognised their condition as real. So far so good.
She was asked about “Post Exertional Malaise”... 2/n
PEM has been reported by many patients, and is the hallmark symptom of ME/CFS, leading many to query whether LongCovid and ME/CFS are similar or have overlapping mechanisms.
@Trishgreenhalgh acknowledged the new @NiceComms advice for LongCovid was planned to complement... 3/n
the ME/CFS guidelines, acknowledging some similarities.
Then it all went wrong.
@TrishGreenhalgh noted the changes to the @NiceComms guidance for ME/CFS, removing support for Graded Exercise Therapy / Cognitive Behavioural Therapy. She noted there is a big debate about this. 4/n
That is correct: The BMJ published Prof Lynne Turner Stokes’ column criticising the change (Prof Turner-Stokes is a key proponent of GET/CBT, and I suspect is known to Prof @TrishGreenhalgh).
https://t.co/0enH8TFPoe
However Prof Greenhalgh then went off-piste.
5/n
The topic was “LongCovid, Myalgic Encephalomyelitis & More”.
I quote from memory.
1/n
#MECFS #LongCovid
Have you registered for IMHA's next webinar on Long-COVID? Guest speaker Professor Trisha Greenhalgh.
— CIHR-IMHA Community (@CIHR_IMHA) January 12, 2021
When? Tomorrow: *Jan 13th.* 12pm ET
A few spots are left, but going fast!
Registration required: https://t.co/T4PbWNA35Y@KarimKhan_IMHA @CIHR_IRSC @trishgreenhalgh pic.twitter.com/xlWKi4QKF1
The bulk of Prof @Trishgreenhalgh’s presentation was on the importance of recognising LongCovid patient’s symptoms, and pathways for patients which recognised their condition as real. So far so good.
She was asked about “Post Exertional Malaise”... 2/n
PEM has been reported by many patients, and is the hallmark symptom of ME/CFS, leading many to query whether LongCovid and ME/CFS are similar or have overlapping mechanisms.
@Trishgreenhalgh acknowledged the new @NiceComms advice for LongCovid was planned to complement... 3/n
the ME/CFS guidelines, acknowledging some similarities.
Then it all went wrong.
@TrishGreenhalgh noted the changes to the @NiceComms guidance for ME/CFS, removing support for Graded Exercise Therapy / Cognitive Behavioural Therapy. She noted there is a big debate about this. 4/n
That is correct: The BMJ published Prof Lynne Turner Stokes’ column criticising the change (Prof Turner-Stokes is a key proponent of GET/CBT, and I suspect is known to Prof @TrishGreenhalgh).
https://t.co/0enH8TFPoe
However Prof Greenhalgh then went off-piste.
5/n
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.
New from me:
I’m launching my Forecasting For SEO course next month.
It’s everything I’ve learned, tried and tested about SEO forecasting.
The course: https://t.co/bovuIns9OZ
Following along 👇
Why forecasting?
Last year I launched https://t.co/I6osuvrGAK to provide reliable forecasts to SEO teams.
It went crazy.
I also noticed an appetite for learning more about forecasting and reached out on Twitter to gauge interest:
The interest encouraged me to make a start...
I’ve also been inspired by what others are doing: @tom_hirst, @dvassallo and @azarchick 👏👏
And their guts to be build so openly in public.
So here goes it...
In the last 2 years I’ve only written 3 blog posts on my site.
- Probabilistic thinking in SEO
- Rethinking technical SEO audits
- How to deliver better SEO strategies.
I only write when I feel like I’ve got something to say.
With forecasting, I’ve got something to say. 💭
There are mixed feelings about forecasting in the SEO industry.
Uncertainty is everywhere. Algorithm updates impacting rankings, economic challenges impacting demand.
It’s difficult. 😩
I’m launching my Forecasting For SEO course next month.
It’s everything I’ve learned, tried and tested about SEO forecasting.
The course: https://t.co/bovuIns9OZ
Following along 👇
Why forecasting?
Last year I launched https://t.co/I6osuvrGAK to provide reliable forecasts to SEO teams.
It went crazy.
I also noticed an appetite for learning more about forecasting and reached out on Twitter to gauge interest:
The interest encouraged me to make a start...
I’ve also been inspired by what others are doing: @tom_hirst, @dvassallo and @azarchick 👏👏
And their guts to be build so openly in public.
So here goes it...
In the last 2 years I’ve only written 3 blog posts on my site.
- Probabilistic thinking in SEO
- Rethinking technical SEO audits
- How to deliver better SEO strategies.
I only write when I feel like I’ve got something to say.
With forecasting, I’ve got something to say. 💭
There are mixed feelings about forecasting in the SEO industry.
Uncertainty is everywhere. Algorithm updates impacting rankings, economic challenges impacting demand.
It’s difficult. 😩
You May Also Like
I think a plausible explanation is that whatever Corbyn says or does, his critics will denounce - no matter how much hypocrisy it necessitates.
Corbyn opposes the exploitation of foreign sweatshop-workers - Labour MPs complain he's like Nigel
He speaks up in defence of migrants - Labour MPs whinge that he's not listening to the public's very real concerns about immigration:
He's wrong to prioritise Labour Party members over the public:
He's wrong to prioritise the public over Labour Party
One of the oddest features of the Labour tax row is how raising allowances, which the media allowed the LDs to describe as progressive (in spite of evidence to contrary) through the coalition years, is now seen by everyone as very right wing
— Tom Clark (@prospect_clark) November 2, 2018
Corbyn opposes the exploitation of foreign sweatshop-workers - Labour MPs complain he's like Nigel
He speaks up in defence of migrants - Labour MPs whinge that he's not listening to the public's very real concerns about immigration:
He's wrong to prioritise Labour Party members over the public:
He's wrong to prioritise the public over Labour Party
Speech Delay is most common in children nowadays
In ancient times, our grandparents used to follow typical natural way of caring the needs of a child. All they used were more of natural products than chemical based for the growth of child.
One of major step followed was to feed Gurbach Jadd/ Vasa Kommu/ Acorus Calamus for initiating good speech ability in a child. This stem was needed to babies on Tuesdays and Sundays in mother's milk.
Vasa is feed to baby after the 1st bath on 12th day in week. Weekly only thrice it is fed and named as :
Budhwar - Budhi Vasa
Mangalwar - Vaak Vasa
Ravi Vaar - Aayush Vasa
This stem is burnt and rubbed against the grinding stone in mother's milk or warm water to get a paste
The procedure to make it is in the link
https://t.co/uo4sGp7mUm
It should not be given daily to the child. Other main benefits are
1. It clears the phlegm in child's throat caused due to continuous milk intake. It clears the tracts and breathing is effortless.
2. Digestion
For children who haven't got their speech and is delayed than usual should feed this vasa on these days in week atleast for 6months. Don't get carried away with this dialogue
"Some gain speech little late"
In ancient times, our grandparents used to follow typical natural way of caring the needs of a child. All they used were more of natural products than chemical based for the growth of child.
One of major step followed was to feed Gurbach Jadd/ Vasa Kommu/ Acorus Calamus for initiating good speech ability in a child. This stem was needed to babies on Tuesdays and Sundays in mother's milk.
Vasa is feed to baby after the 1st bath on 12th day in week. Weekly only thrice it is fed and named as :
Budhwar - Budhi Vasa
Mangalwar - Vaak Vasa
Ravi Vaar - Aayush Vasa
This stem is burnt and rubbed against the grinding stone in mother's milk or warm water to get a paste
The procedure to make it is in the link
https://t.co/uo4sGp7mUm
It should not be given daily to the child. Other main benefits are
1. It clears the phlegm in child's throat caused due to continuous milk intake. It clears the tracts and breathing is effortless.
2. Digestion
For children who haven't got their speech and is delayed than usual should feed this vasa on these days in week atleast for 6months. Don't get carried away with this dialogue
"Some gain speech little late"
