BC EDUCATION
Saved by @CodyyyGardner

Front-end developer roadmap for 2021 🧵👇🏼

 I started my web development journey exactly one year ago i,e. January 2020 and it's been a year since I'm in learning phase

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
First things first, you need an editor to write code. There are plethora of editors out there like atom, VS code, sublime etc

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 want to download an editor due to memory issue or something else?

Don't worry we have lots of online editors also👇🏼

🔹https://t.co/aq2wrH6cD3
🔹https://t.co/drzfitzmsG
Now you're all set to write code and create beautiful websites

A typical website can be divide into three phases

- HTML 🧱
- CSS 🎨
- JavaScript ⚙️
1. HTML

- 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
2. CSS

- 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
There are 520 distinct properties in CSS. But according to my personal experience, you will hardly use all of them.

Generally CSS revolves around👇🏼

- Box model
- Position
- Background
- Animation
- Media query
- Flex box
- CSS grid
Learning resources for CSS

Documentation
🔹 https://t.co/bBk1rSijxo

Check out this amazing article in order to learn CSS by playing games
🔹https://t.co/2klS6NLZ79
CSS Frameworks

- 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😍
Learning a particular CSS framework is pretty easy. You can learn them by reading official documentation
- Pick any CSS Frameworks by your choice👇🏼

🔹Tailwind CSS
🔹Bootstrap
🔹Bulma
🔹Materialize CSS
🔹Foundation

... and many more
JavaScript

- 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.
Start with the basic topics👇🏼

- Data types
- Loops
- Conditional statements
- Objects
- Arrays
- Functions
Learning resources

Documentation
🔹https://t.co/XkMlZQOF0h

Other learning resources
🔹Start with freecodecamp @freeCodeCamp

🔹Recently @frontenddude launched a website for free JS resources 👉🏼 "java5cript .com"
Document Object Model (DOM)

- 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
With the help of DOM, JavaScript can change the

- elements in the page
- attributes
- CSS styling

I mean now you have a super power to make changes in you webpage using JS
Resources for DOM

🔹https://t.co/M9bS7wYawD
🔹https://t.co/xEsT3lbT1P
I think now it's the right time to learn Git and GitHub (version control)

- 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
JavaScript front-end frameworks and libraries

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👇🏼
You can check my complete thread of React resources

https://t.co/O5dCaqYV11
Advance Learning

- PWA
- JAMstack
- PWA are the web applications that are intended to work on any platform that uses a standards-compliant browser, including both desktop and mobile devices

- JAMstack stands for JavaScript, APIs, and Markup. Designed to make the web faster, more secure, and easier to scalable.
🔹https://t.co/n7mPgDLlN8

🔹https://t.co/4bMt5hRQKX
That's pretty much it for this thread. I hope you like it❤️

More from Pratham 👨‍💻🚀

Pratham
Pratham
@Prathkum
5 great code snippet websites for every web developer and designer

🧵👇🏻


1️⃣ 30 Seconds of Code

- Short code snippets for all your development needs

🔗 https://t.co/91L4bAxkgF


2️⃣ Free Frontend

- Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles

🔗 https://t.co/2sIAm73EdZ


3️⃣ Little Snippets

- A free collection of HTML and CSS code snippets

🔗 https://t.co/qxAyA2wA6U


4️⃣ CSS Deck

- Collection of Awesome CSS and JS Creations to help out frontend developers and designers.

🔗 https://t.co/LcZYnipvCy
ALL
Pratham
Pratham
@Prathkum
Are you planning to learn CSS for adding some cool styling in your website?

In this thread, I'm covering all the basics and proper plan you need to know in order to getting started with CSS.

🧵 👇🏻


We need to know the importance of CSS first. Why CSS?

Well I guess CSS is the only language that add some visuals in website. Without CSS, Without it, websites would still be plain text on white backgrounds.

{ 02 / 17 }

Let's compare a website with and without CSS

Image 1: With CSS
Image 2: Without CSS

{ 03 / 17 }


I this should be enough to explain you why CSS is so important. So lets start

You can gain some decent amount of CSS knowledge in 30 days. And after that you will definitely able to create some good looking website. Let's see how 👇🏻

{ 04 / 17 }

First things first, you need to learn basic stuff

- How to link your CSS files with HTML file
- How to select elements so that you can add styling

{ 05 / 17 }
ALL
Advertisement
Pratham \U0001f468\u200d\U0001f4bb\U0001f680
Pratham 👨‍💻🚀...
@Prathkum
Positioning in CSS allows you to display your element wherever you want on the screen

But when I was learning it, I found it little bit confusing😅

So in this thread I'll try to explain it in easiest manner with practical implementation. Let's start

THREAD🧵👇


There are 5 values that you can pass in position property

- static
- relative
- absolute
- fixed
- sticky

In this thread we will be focusing on relative and absolute positioning as both are widely used

Let's start with understanding what document flow is?

📌 Elements are displayed on the screen as they written in the HTML document

Consider the following piece of code:

H1, P, H3 and div are displayed on the screen in exact order as they written in the HTML file.


As now you know about document flow, let's start with Relative positioning

📌 Relative Position

- Relative positioning do not take an element out of document flow
- Relative positioning is relative to element's original position which can be changed using offset

🔹 Relative position is relative to itself.

For example: Consider the code and output in the attached image below

As you can see red box is shifted 100px from left because I applied left offset after giving it relative positioning
TECH
Pratham
Pratham
@Prathkum
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
WEBDEV , ALL
Pratham
Pratham
@Prathkum
6 websites that are so fantastic you'll wonder how they even exist (for developers):

1. ScribeHow (@ScribeHow)

Turn any process into a step-by-step guide, instantly.

• Click record
• Do the thing you want to show someone (like how to reset a password)
• Get a beautiful auto-generated guide

No manual screenshots.

🔗 https://t.co/8EnpUIvIeR


2. SourceAI

Explain what you want in plain English, and AI will generate a code snippet for you.

🔗 https://t.co/KFLbBBjllm


3. Blackbox

Turn any questions into a code snippet or extract a code snippet from a video.

🔗 https://t.co/6Z4fM5ieWn


4. Figstack

One-stop for developers.

• Understand code in any programming language
• Translate programming languages
• Automate documentation for your functions
• Get the time complexity of your program

🔗 https://t.co/koY4cmciR3
ALL

More from Education

Factualist
Factualist
@FactualistCom
Unexpected #Etymology

Words you wouldn't guess are etymologically linked.

An ongoing, continually updated thread 👇🏻

Medicine and remedy both come from the Latin verb medeor, meaning to heal.

Medicine comes from the Old French medecine, from the Latin medicina meaning medicine.

Remedy comes from the Old French remede, from the Latin

Feminism, fawn and fetus both come from the PIE root *dʰeh₁(y)-, meaning to nurse or

Pine (tree) & Piñata (papier-mâché container) both come from the Latin pinus—meaning pine.

Piñata (Spanish), came from piña meaning pineapple, as the paper-covered box resembles one. Piña comes from the Latin pinea meaning pinecone (derived from

Whiskey and wash both come from the Proto-Indo-Euro root meaning "water; wet."

Whiskey (Irish uisce beatha & Scottish uisge-beatha) literally means "water of life."

Wash cames from the Middle English weschen, meaning "to
EDUCATION
Jonathan Mountstevens
Jonathan Mountstevens
@MrMountstevens
Actually reading through the Ofqual/DfE consultation rather than what has been said about it by others. It's not making me feel any better.

But, but, but...! This is such an unreasonable question!


Just hold the **** exams, for God's sake!


This passage makes zero sense to me. It's like a Boris announcement on the importance of following guidance. NEA is important, but only if the kids have all done it. It's the only evidence you can use in Art, but it's ok if it's not very good. Oh, and you can just make it up.


Oh, and if all else fails, just make it up using whatever stuff you can find to justify what you want to give.
EDUCATION
Advertisement
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
Parents United Against Unsafe Schools
Parents United Against...
@Parents_Utd
This seems like a positive base from which to #BuildBackBetter


https://t.co/OwpgNh8mEu


https://t.co/7eOi1Bv3bM


https://t.co/GhxVgLuWJE


https://t.co/ymHp910wrC
EDUCATION
Tes
Tes
@tes
Given @GavinWilliamson failure to apologise this week for 'last-minute' decisions on schools policy during the pandemic, we thought it might be useful to put to together one handy thread of every U-turn from the @educationgovuk since April last

Free school meals will come up a lot in this thread, but here is the first governmental U-turn before the Easter Holidays. (2/43) #FSM

.@educationgovuk then decided not to fund #FSM in the following half-term break, they changed their minds after a public outcry.

Taking a break from #FSM, we head straight into the #Alevels2020 exams debacle, with Scotland’s grade U-turn putting pressure on the @educationgovuk (4/43)

Ministers in Westminster were determined not to U-turn
EDUCATION

You May Also Like

Erik Torenberg
Erik Torenberg
@eriktorenberg
1/ Someone emailed me asking how to break into VC, so I wanted to answer on Twitter where others could see and contribute to the conversation.

2/ “Being a VC” can mean a lot of different things, so it’s worth asking:

What actual activities do you want to do?

- Deep market analysis?
- Be in the flow of information and people?
- Make deals?
- Work closely w/ founders over time (e.g take board seats?)
- Manage capital?

3/ It’s worth specifying what type of VC you might like to become — as there are different archetypes. E.g.

- Benchmark (Lead series A/B - couple investments a year)
- First Round (Lead seed rounds, partner w/ a few companies a year)
- SV Angel (Make lots of seed investments)

4/ Continued:

Expa - Incubate companies

YC / Village Global - Build a platform to help entrepreneurs at scale

Do you want to join a firm or start one? There’s a lot to consider.

Different paths will require different skillsets & sets of experiences.

5/ Since the person who wrote the email is a young person trying to break into VC by joining a firm (and who doesn’t want to start a company), I’ll tailor this tweet storm to that goal. There’s some overlap.
STARTUPS
Patrick McKenzie
Patrick McKenzie
@patio11
Some people really benefit from hearing advice that everyone knows, for the same reason we keep schools open despite every subject in them having been taught before.

In that spirit, here's some quick Things Many People Find Too Obvious To Have Told You Already.

Your idea is not valuable, at all. All value is in the execution. You think you are an exception; you are not. You should not insist on an NDA to talk about it; nobody serious will engage in contract review over an idea, and this will mark you as clueless.

Technologists tend to severely underestimate the difficulty and expense of creating software, especially at companies which do not have fully staffed industry leading engineering teams ("because software is so easy there, amirite guys?")

Charge more. Charge more still. Go on.

The press is a lossy and biased compression of events in the actual world, and is singularly consumed with its own rituals, status games, and incentives. The news necessarily fails to capture almost everything which happened yesterday. What it says is important usually isn't.

Companies find it incredibly hard to reliably staff positions with hard-working generalists who operate autonomously and have high risk tolerances. This is not the modal employee, including at places which are justifiably proud of the skill/diligence/etc of their employees.
TECH
Advertisement
Maurice Casey
Maurice Casey
@MauriceJCasey
I am reading through reams of late-1920s communist poetry and easily my favourite title so far is: "To a Lady who Rejected a Poem about Spring as a Petit-Bourgeois Deviation"

The last lines:
"So here's my hat into the air,
Three cheers for your amazing hair,
For coal mines, and for turbines, too,
For steel, the Comintern and you!"

A not exactly graceful (though possibly satirical) title: "Lines Disassociating Myself from Yessenin and Supporting the Otherwise Unfounded Legend that I am a Foremost Proletarian Writer"

An excerpt:
"Goodbye verses of Yessenin
Goodbye literary slop-
You are not the line of Lenin
You are not the line of WAPP

Never shall I moan a
simple lyric from the heart
I'll devote my new corona
to the proletarian art"

The poet was Joseph Freeman, who published much of his revolutionary verse in the New Masses, a stylish journal of the interwar American literary Left.
CULTURE
UN Watch
UN Watch
@UNWatch
The UN just voted to condemn Israel 9 times, and the rest of the world 0.

View the resolutions and voting results here:

The resolution titled "The occupied Syrian Golan," which condemns Israel for "repressive measures" against Syrian citizens in the Golan Heights, was adopted by a vote of 151 - 2 - 14.

Israel and the U.S. voted 'No' https://t.co/HoO7oz0dwr


The resolution titled "Israeli practices affecting the human rights of the Palestinian people..." was adopted by a vote of 153 - 6 - 9.

Australia, Canada, Israel, Marshall Islands, Micronesia, and the U.S. voted 'No' https://t.co/1Ntpi7Vqab


The resolution titled "Israeli settlements in the Occupied Palestinian Territory, including East Jerusalem, and the occupied Syrian Golan" was adopted by a vote of 153 – 5 – 10.

Canada, Israel, Marshall Islands, Micronesia, and the U.S. voted 'No'
https://t.co/REumYgyRuF


The resolution titled "Applicability of the Geneva Convention... to the
Occupied Palestinian Territory..." was adopted by a vote of 154 - 5 - 8.

Canada, Israel, Marshall Islands, Micronesia, and the U.S. voted 'No'
https://t.co/xDAeS9K1kW
SOCIETY
Vibhu Vashisth
Vibhu Vashisth
@VIBHU_Tweet
दधीचि ऋषि को मनाही थी कि वह अश्विनी कुमारों को किसी भी अवस्था में ब्रह्मविद्या का उपदेश नहीं दें। ये आदेश देवराज इन्द्र का था।वह नहीं चाहते थे कि उनके सिंहासन को प्रत्यक्ष या परोक्ष रुप से कोई भी खतरा हो।मगर जब अश्विनी कुमारों ने सहृदय प्रार्थना की तो महर्षि सहर्ष मान गए।


और उन्होनें ब्रह्मविद्या का ज्ञान अश्विनि कुमारों को दे दिया। गुप्तचरों के माध्यम से जब खबर इन्द्रदेव तक पहुंची तो वे क्रोध में खड़ग ले कर गए और महर्षि दधीचि का सर धड़ से अलग कर दिया।मगर अश्विनी कुमार भी कहां चुप बैठने वाले थे।उन्होने तुरंत एक अश्व का सिर महर्षि के धड़ पे...


...प्रत्यारोपित कर उन्हें जीवित रख लिया।उस दिन के पश्चात महर्षि दधीचि अश्वशिरा भी कहलाए जाने लगे।अब आगे सुनिये की किस प्रकार महर्षि दधीचि का सर काटने वाले इन्द्र कैसे अपनी रक्षा हेतु उनके आगे गिड़गिड़ाए ।

एक बार देवराज इन्द्र अपनी सभा में बैठे थे, तो उन्हे खुद पर अभिमान हो आया।


वे सोचने लगे कि हम तीनों लोकों के स्वामी हैं। ब्राह्मण हमें यज्ञ में आहुति देते हैं और हमारी उपासना करते हैं। फिर हम सामान्य ब्राह्मण बृहस्पति से क्यों डरते हैं ?उनके आने पर क्यों खड़े हो जाते हैं?वे तो हमारी जीविका से पलते हैं। देवर्षि बृहस्पति देवताओं के गुरु थे।

अभिमान के कारण ऋषि बृहस्पति के पधारने पर न तो इन्द्र ही खड़े हुए और न ही अन्य देवों को खड़े होने दिया।देवगुरु बृहस्पति इन्द्र का ये कठोर दुर्व्यवहार देख कर चुप चाप वहां से लौट गए।कुछ देर पश्चात जब देवराज का मद उतरा तो उन्हे अपनी गलती का एहसास हुआ।
ALL