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
If you start with the right course then the process becomes a little easier

I found some amazing YouTube videos and courses that will help you start your Web Development journey

🧵👇🏻

HTML and CSS

- A great way to arouse your web dev journey with Gary's (@designcoursecom) course on YouTube

🔗 https://t.co/xjm7nfV2L2


JavaScript

- Although it's impossible to learn JavaScript in 2 hours but JavaScript mastery is one the best YouTube chanel for JavaScript. This 2 hours long crash course will help you start your journey and gives you quick overview.

🔗 https://t.co/1zcSeu4zKE


Git and GitHub

Git is an essential tool. And after learning JavaScript, I think one should go for Git and GitHub. Check out this free great course on Udemy

🔗 https://t.co/E14cibOLXb


React

What you'll learn
- what problems React can solve
- how React solves those problems under the hood
- what JSX is and how it translates to regular JavaScript function calls and objects
- manage state with hooks
- build forms

🔗 https://t.co/3z22aeVQFc
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
10 HTML and CSS tips that you need to know😉

🧵👇🏻

1️⃣ Customize the text selection

- The ::selection pseudo-element matches the portion of an element that is selected by a user.


2️⃣ Range Input

- You can change the styling of input type="range"


3️⃣ Custom Scrollbar

- Customize the scrollbar of your website in few minutes


4️⃣ Scrollable element

- If you have some fixed size element then use overflow: auto. It will convert your element into scrollable element
ALL
Pratham
Pratham
@Prathkum
React Hooks are the functions which "hook into" React state and lifecycle features from function components. Hooks allows you to manipulate state and other React feature without writing a class. Let's talk about widely used hook

useEffect hook at a glance 🧵👇🏻


useEffect hook is the heart of React functional components

If you're familiar with class components then you might know that we have various lifecycle methods but in functional components, we don't have any lifecycle methods. Instead we have a powerful hook called useEffect

By using useEffect, you tell React that your component needs to do something after render. React will remember the function you passed (we'll refer to it as our “effect”), and call it later after performing the DOM updates

So let's start by understanding the syntax first

3/15


useEffect take two parameters, first is a function and second is an array.

The function inside the useEffect will run every single time component re-render. Consider this piece of code and check the output in next tweet

{ 4 / 15 }


As you can see in the output the function is executed every single time my component re-render

{ 5 / 15 }
WEBDEV , ALL
Pratham
Pratham
@Prathkum
Five free VS Code extensions that will change the way you do web development:

1. RapidAPI Client

Fulfill all your need for API development.

• Test and consume APIs
• Work with your VS Code theme
• Generate TypeScript, Swift, and Python interfaces from responses.

🔗 https://t.co/FR0QhyTi8v


2. Better Comments

Create more human-friendly comments in your code.

• Alerts
• Queries
• TODOs
• Highlights

🔗 https://t.co/AV2BwAMAlL


3. Git Graph

View a Git Graph of your repository and efficiently perform Git actions from the graph.

🔗 https://t.co/S5wagmTgsa


4. Peacock

Do you have a habit of keeping multiple VS Code windows open?

Peacock lets you change the color of your VS code even if multiple instances are open.

🔗 https://t.co/bmidPkTQOK
ALL

More from Education

Dr. Theresa Chapple
Dr. Theresa Chapple
@Theresa_Chapple
My thoughts about Covid in schools-
Our studies are crap. We haven't put appropriate resources into studying this. Merging "in-person school" v "remote school" across the country makes little sense since there's so much heterogeneity in what "in-person school" looks like. 🧵

A teacher in Louisiana in an area with high rates of covid & in-person school, has a class with just 2 students in it. The entire school has 37 students and 12 staff, in a building that can hold hundreds.
Should this school's data be merged with a school that's fully open?

How would merging such disparate data, and everything in-between impact our understanding of Covid in schools? What about when we compare it to the rates in children who are in virtual school?

Things often not considered that should be... Are kids in pods? Are kids doing virtual school in community centers/ churches/ other group settings? Are youth sports or other extracurricular school activities (music, etc) happening in-person. Heterogeneity exist in this group too.

What's asymptomatic testing of children in the community like? We know that children are under-tested, how can we say something is safe if we are NOT TESTING children at the same rate as the rest of the population. We can't embrace the "don't ask (test) don't tell" apprach here.
EDUCATION
Jodi Kantor
Jodi Kantor
@jodikantor
This thread is for parents of teenagers. I have something for you: the first chapter of @ronlieber’s THE PRICE YOU PAY FOR COLLEGE. Because ye gods, here’s what we and our kids are facing.

Beyond obvious changes, like $$$ tuition prices, the system has changed from when we were in school. Nearly all colleges use so-called “merit-aid” to pay kids for good grades.

This is NOT need-based financial aid, and it’s not about expanding college access for the poor... it's an arms race by schools scrambling for US News rankings.

Tuition list prices are misleading at this point. College seats are more like airline seats, and your kid's actual price is calculated based on everything from his zip code... SAT scores... how much interest he and his cohort have shown in school X (yes they can figure that out.)

Ron has seen NYC high school classes in which three kids were offered admission to the same small school at three different prices-- and *none* of them had applied for need-based financial aid!
EDUCATION
Advertisement
Christopher F. Rufo \u2694\ufe0f
Christopher F. Rufo ⚔️...
@realchrisrufo
SCOOP: A Philadelphia elementary school forced fifth-grade students to celebrate "black communism" and simulate a Black Power rally to "free Angela Davis" from prison.

I've obtained exclusive whistleblower documents and photographs from the school. Here's the story. 🧵
EDUCATION
\u221e St. Simulacra \U0001f339
∞ St. Simulacra 🌹...
@CoffinBuilder
🧵1) I don't know if my view is appreciated or puzzling to the professor and students in my seminar course on the conquest narratives. It's been enlightening in some ways because it has started to prove my theory that there is a hermeneutic for those who are #ActuallyAutistic

🧵2) I have been quite appreciative of the voices I have connected with, especially here on Twitter (@robertjmonson, @JoLuehmann, etc) that have expanded the space of interpretation I take into consideration when approaching the biblical text.

🧵3) While one cannot be wholly objective about a text (Hermeneutics 101), it has helped me develop a stronger empathy for "interpretations from the edge," minority and philosophical interpretations. Admittedly, this also stems from my own baggage with Evangelicalism.

🧵4) What I learned from the flavor of Evangelicalism I was exposed to in college has more or less been designed to exclude (read: ignore) other voices because of 1) its deep roots in American Imperialism and 2) its implicit ties to a passive form of white supremacy.

🧵5) If you don't believe that, you needn't look much further than the previous presidential administration. Chris Hedges, in his book "American Fascists", connects religious conservatism to fascism, which is "a kind of colonization," according to Rev. Davidson Loehr.
EDUCATION
Yaneer Bar-Yam
Yaneer Bar-Yam
@yaneerbaryam
In Europe, schools are closing as studies show schoolchildren can play a significant role in spreading infections

1/



As U.S. authorities debate whether to keep schools open, a consensus is emerging in Europe that children are a considerable factor in the spread of Covid-19—and more countries are shutting schools for the first time since the spring.

2/

Closures have been announced recently in the U.K., Germany, Ireland, Austria, Denmark and the Netherlands on concerns about a more infectious variant of the virus first detected in the U.K. and rising case counts despite lockdowns.

3/

While the debate continues, recent studies and outbreaks show that schoolchildren, even younger ones, can play a significant role in spreading infections.

4/

"The recent shutdown of schools was especially dramatic in England. U.K. PM Boris Johnson initially planned to keep elementary schools there open after the Christmas break, but changed course amid soaring infections. After one day, schools were closed until further notice

5/
EDUCATION

You May Also Like

Zen Black
Zen Black
@z3nblack
1/ Thread: "A Silicon Valley Ponzi Scheme"

Thanks to @chamath for laying this out in Social Capital's 2018 annual letter.

I've always appreciated his outspokenness.

2/ The hardest thing for most startups today is the path to market: first finding product-market fit & a way to reach customers, then building a ruthless machine to acquire, monetize & retain them.

3/ Because of this, when the VC industry invests capital into fast growing startups today, the plurality (if not majority) of invested capital will go into user acquisition and ad spending, for better or worse— usually worse.

4/ Todays massive venture-backed advertising, sales, and user acquisition playbook has morphed into one that champions growth at any cost.

This is creating a big bill that will soon come due...

5/ Ad impressions and click-throughs are bid up to outrageous prices by startups flush with venture money, and prospective users demand more and more subsidized products to gain their initial attention.
TECH , STARTUPS , {TEST FOLDER}
Stephen Bush
Stephen Bush
@stephenkb
Some quick thoughts on Sam Gyimah's resignation after conversations with various Conservative MPs: 1) the chances of a second referendum are a lot higher than I thought:

2) At this point, if you are a young and ambitious Tory MP it is now so overwhelmingly in your interest to vote against the withdrawal agreement. V v hard to see how Julian Smith can cap rebellion at under 100:

3) Really just to reiterate 1) Gyimah is the kind of "No, never gonna rebel" vaguely pro-EU Tory you'd need to get on side to outweigh Labour Leavers and Real Concerners.
POLITICS
Advertisement
Simon DeDeo
Simon DeDeo
@SimonDeDeo
So, today, for the first time in 25 (!) years of Apple, I downgraded. From the 2016 MacBook Pro to my 2013, which I had kept in a drawer...


It was pretty simple to do—Apple Time Machine backups let me do it with one click.

That first tweet captures, in two pictures, how badly Apple has “lost the plot” (to quote @wylieprof). On the right is the Apple MagSafe adapter, from 2013. On the left, what I had “upgraded” to.

Thanks, Apple! I really was nostalgic for worrying about yanking my computer off the table.

Oh and I really appreciated not knowing if my computer was charging. What was great was the little whoop sound you used, so that the speaker before me could be informed I was charging my laptop.
TECH
Jaya_Upadhyaya
Jaya_Upadhyaya
@Jayalko1
HORANADU ANNAPOORNESHWARI, CHIKMAGALUR (KAR)
#bharatmandir

Annapoorneshwari is the Devi of nutrition and food. The literal meaning of Annapoorneshwari is “Feeding one and all”. Anyone who comes here is offered meals and shelter within the premises.
@LostTemple7


Maharshi Agastya is believed to have done pratishtha here.

Once, Shiva and Parvati had an argument. Shiva declared everything in the world including food to be Maya or illusion. To prove him wrong, Devi Parvati disappeared resulting in entire Earth becoming still.


Taking pity, Devi appeared as Annapoorna and relieved everyone.
Another belief is that once Shiva beheaded Brahma and his skull got stuck in Shiva’s hand. He was cursed that till the skull is not full of food or grains, it will remain stuck to his hands.


Shiva went everywhere and asked for food but the skull was never full. He finally came here and Maa Annapoorna filled the skull with grains and reversed Shiva’s curse.

It is believed that who ever visits Devi Annapoorna here will never be without food in their lives.
ALL
Temitope Badejo
Temitope Badejo
@TemitopeBadejo1
It's another day to expose Peter Alabi @pastorpeealabi of @HoFChurchNG & @ChristTribe. More victims have reached out to us. Unknown to many, Peter Alabi is actually an unrepentant serial sexual abuser. We know that he's been lying that he has repented and that the stories...

... we have put out so far are only with reference to what happened years back. But we can also confirm that he continued to prey on more victims even after he left Ife in 2016. We also know that Peter Alabi made serious attempts to sleep with some ladies during the lockdown...

A victim, who was one of those Peter Alabi tried to sleep with during the Covid-19 lockdown has shared with us some of the chats between her and Peter Alabi, which were initiated by Peter Alabi. According to the victim, when Peter Alabi's intentions became obvious, she decided...

... to play along and act like she was in concert with him. This eventually made Peter Alabi to reveal his covert intentions to sleep with her. The chat began on Instagram in March 2020 and continued on WhatsApp till June 2020. We will be sharing screenshots of the Instagram...

... chats below. Later today, we will share the WhatsApp chats which are more revealing and expository. Please see the screenshots of the Instagram chats between Peter Alabi (peterayoalabi) and the victim below👇🏾 @oauchristians @HoFChurchNG @peterayoalabi @funlola_alabi
CRIME , PASTOR , ALL