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
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
Pratham
Pratham
@Prathkum
You can learn 90% of CSS using these 10 threads

🧵👇

1. All you need to know about CSS


2. Getting started with CSS animations


3. Z-index is tricky but this thread solve all your doubts


4. CSS positioning concepts
ALL
Advertisement
Pratham \U0001f468\u200d\U0001f4bb\U0001f680
Pratham 👨‍💻🚀...
@Prathkum
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
CODING
Pratham
Pratham
@Prathkum
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
CATAGORY JEE
Pratham
Pratham
@Prathkum
Everything you need to know about useState hook of React

A beginner's guide

Thread🧵👇


Hey👋

Hooks are powerful but confusing. Don't worry, I'll try to explain each hook in the easiest way in this thread series of React hooks

Let's start with useState, the most useful and simple hook in my opinion

Working with React hooks, first thing you need to do is to import the particular hook

It's quite easy👇

📌 import { useState } from "react";

useState hook takes a parameter as initial value of state and return an array having two values

- The first value is the current state
- The second value is the function that allow us to change our state

Let me show you the return value by printing it out on console👇


Now we know what useState hook return, it's time to destruct our value

const [currentState, setCurrentState] = useState(0);

🔹 currentState is the value of our state
🔹 setCurrentState is the function using which we can change our state value
USESTATE

More from Education

Daniel Muijs
Daniel Muijs
@ProfDanielMuijs
As my Christmas present to you all, here is a list of my top-10 metal tunes of 2020, in no particular order. It's a mixed bag of genres and styles, but they're all bangers!

First up, The Terror Begins by Make Them Die Slowly. Horror-movie inspired grind/black/industrial from Mick Kenney and Duncan Wilkins.

Next, Northern Irish thrashers @gamabomb, with Lords of the Hellfire Club from their excellent new album Sea Savage.

Now for something a bit off the beaten track: brilliant New York black metal experimentalists @imperialnyc's City

Time for something a bit more accessible: this year's best symphonic metal from Sweden's @eleine. Here's the title track from the fantastic 'Dancing in Hell' album.
EDUCATION
Antoine FLAHAULT
Antoine FLAHAULT
@FLAHAULT
1/9 - “In the second wave we acquired much more evidence that schoolchildren are almost equally, if not more infected by SARS-CoV-2 than others.”

2/9 - “The problem is not that schools are unsafe for children,” Mr. Boris Johnson said last week. “The problem is schools may nonetheless act as vectors for transmission, causing the virus to spread between households.”

3/9 - “An antibody survey conducted by researchers in Geneva in May and December, using thousands of random samples, found that children of age 6 to 18 were getting infected as often as young adults. The study has yet to be peer reviewed.”

4/9 - “One reason for this: The Swiss city’s schools have been open since the summer, while restrictions have been placed on adults, meaning schoolchildren played a bigger role in transmitting the virus during the autumn surge.”

5/9 - “In Austria, a nationwide survey by universities and medical institutes found that children under 10 showed a similar rate of infection to those between 11 and 14, and that the children in general were getting infected as often as teachers.”
EDUCATION
Advertisement
Factualist
Factualist
@FactualistCom
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
EDUCATION
Sarah Allen
Sarah Allen
@Mssarahmssarah
For months, but especially after the new CDC school recs came out, supporters of reopening all schools now have been peddling the idea that schools across the country have been open all year successfully. This argument is used to push for ALL schools to be opened now.

A long 🧵

Though some schools in the U.S. are open & doing well with safety protocols, many places used as examples of opening success have profoundly unsafe schools & are neglecting covid safety. Some have been lucky not to have outbreaks and other issues--it's not that they're safe.

In the last few weeks, I've been in touch with teachers in Ohio, Florida, Texas, Wisconsin, New Jersey, Utah, and Pennsylvania.

(Thanks to @eduwonkette_jen @GeoRebekah and @saribethrose for the threads and forums that have helped me meet SO MANY teachers this year).

I collected the accounts of dozens of teachers. Obviously, this isn't an exhaustive list and it isn't a study! It's what teachers on the ground in some states are experiencing. And it's easy to see why so many in our profession are so frightened this year.

Here's the list:

There are currently open schools in the US that are being hailed as "successful" that have:

▪️no safety protocols at all besides contact cleaning, in some districts
▪️some districts with no mask mandate
▪️classes in windowless rooms, some with full classes of 20-30
EDUCATION
Pam Keith, Esq.
Pam Keith, Esq.
@PamKeithFL
Something you may not know is that professional Black women are hyper focused on qualification.

We are told young that there will be no leg-up for us, and that we MUST excel academically.

We work hard, compete & get into college.

For many of us, our whole family is counting

on us. We often carry the burden of inter-generational progress, where our success validates the expectations and sacrifice of those before us.

We are always aware that squandering the opportunity for an education would be disrespectful to those who never got that chance.

Then, if we get into graduate school, we see very few others like us, and feel instantly under scrutiny.

There is no hiding or blending in. All your professors are zeroed in on you, trying to ascertain if you can compete. When you produce the goods, they are delighted,

but the delight is often also telegraphing to us that the talent was not expected.

When we ascend into corporate environments, we are again closely scrutinized, not just for competence, but for “fit.”

Our bosses will test us again and again to make sure the “angry black

woman” doesn’t come out.

The onus is always on us to make those around us comfortable, never the other way around.

Once we put our colleagues at ease, things are fine.... until we start getting close to the power echelon.

Then things get dicey.
EDUCATION

You May Also Like

Pieter Levels \u2728
Pieter Levels ✨
@levelsio
Joe Rogan's podcast is now is listened to 1.5+ billion times per year at around $50-100M/year revenue.

Independent and 100% owned by Joe, no networks, no middle men and a 100M+ people audience.

👏

https://t.co/RywAiBxA3s

Joe is the #1 / #2 podcast (depends per week) of all podcasts

120 million plays per month source https://t.co/k7L1LfDdcM


https://t.co/aGcYnVDpMu
MAKERS
V.S.S
V.S.S
@Scion_of_Shekha
8 March 1679 - The date on which 300 saffron clad warriors gave their life to protect temples from mugal army. Thread➡️
Aurangzeb's huge army, which was adorned with artillery, elephant and horses, under the leadership of Commander Darab Khan had marched to punish the ruler of/1


Khandela Raja Bahadur Singh, who became a rebel due to the anti-Hindu policies of Aurangzeb, and to destroy the temples of Shekhawati. Bahadur Singh to compete with such a large army, vacated Khandela for the purpose of conducting guerilla warfare and went Kot Sakrai /2

located in the inaccessible hills of Sakrai. People of Khandela also vacated Khandela and hid in nearby villages.

But some Shekhawat warriors did not like this as they knew that the royal army would not leave a single temple located in Shekhawati unbroken./3

so soon the teams of self-sacrificing Dharma-protectors Shekhawat heroes started reaching Khandela to protect the Dev temples.

Sujan Singh Shekhawat, the young thakur of Chhapoli, was coming back from his wedding when he heard about the imperial army from Shepherds./4

झिरमीर झिरमिर मेहा बरसे,मोरां छतरी छाई |
कुल में है तो आव सुजाण, फोज देवरे आई ||

if you are born in your glorious clan, then come, the army have come to destroy temple. /5
ALL
Advertisement
Michael King \U0001f1fa\U0001f1f8
Michael King 🇺🇸...
@8MichaelKing
Ever notice how the top niches are centered around health, wealth, and relationships?

There's a deep-rooted psychological (and biological) reason why.

And today, I'm gonna to explain all of it so you can start profiting off of this knowledge 💰💰

*Now, this thread is going to be long and in depth. Make sure to favorite the top tweet now so you can come back to it later.

So. Down to the very core of every living being (humans, dolphins, bacteria, aliens), there are only two drivers:
1. To survive
2. To reproduce

Right off the bat, we know that sex is a primary driver to human behavior.

This would also mean that each gender has its own insecurities regarding sex.

Men have a subconscious fear that their woman will leave them for someone more successful

Women have a fear that their man will leave them for someone younger & better-looking

We can conclude that men are attracted to looks, and women are attracted to status.

This is human nature down to its very core.

Crazy, blue-haired feminists will try to argue and say otherwise.

But, 50 years of feminism DOES NOT OVERRIDE millions of years of evolutionary biology.

Here's a quick visualization exercise so you can see how true all this is...
STARTUPS
DTBhat
DTBhat
@dtbhat
The thread explains my momentum scanner and how to build it in #TradePoint software.
@Definedge
Conditions :
1)EMA 8 above EMA 34 and rising
2)Candle close above previous 5 candle high
3) RSI above 60
4) Volume above previous 5 candles
5) ADX above 30
1/n

Select Double Moving Average 8 and 34
2/n


Under Patterns select Close Above Prev Bars
3/n


Qualify the candle close
4/n


RSI above 60
5/n
SCREENERS , SCREENER , A SCANNER
Robin Berjon
Robin Berjon
@robinberjon
Recently, the @CNIL issued a decision regarding the GDPR compliance of an unknown French adtech company named "Vectaury". It may seem like small fry, but the decision has potential wide-ranging impacts for Google, the IAB framework, and today's adtech. It's thread time! 👇

It's all in French, but if you're up for it you can read:
• Their blog post (lacks the most interesting details): https://t.co/PHkDcOT1hy
• Their high-level legal decision: https://t.co/hwpiEvjodt
• The full notification: https://t.co/QQB7rfynha

I've read it so you needn't!

Vectaury was collecting geolocation data in order to create profiles (eg. people who often go to this or that type of shop) so as to power ad targeting. They operate through embedded SDKs and ad bidding, making them invisible to users.

The @CNIL notes that profiling based off of geolocation presents particular risks since it reveals people's movements and habits. As risky, the processing requires consent — this will be the heart of their assessment.

Interesting point: they justify the decision in part because of how many people COULD be targeted in this way (rather than how many have — though they note that too). Because it's on a phone, and many have phones, it is considered large-scale processing no matter what.
TECH