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 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
ALL
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
Advertisement
Pratham
Pratham
@Prathkum
Roadmap to learn CSS 🎨🛣️

➳ Color
➳ Background
➳ Box model
➳ Height and width
➳ Margin and padding
➳ Border
➳ Positioning
➳ display
➳ Layouts
➳ Grid and Flex
➳ Alignment
➳ Fonts
➳ Animation
➳ Pseudo-classes
➳ Media query
WEBDEV
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
Pratham
Pratham
@Prathkum
Use these 5 websites to learn web development for free in 2023 (take a look):

1. Codedamn

All-in-one platform for learning web development:

• Hands-on practice and projects bundled
• Video content along with interactive labs, quizzes, and articles
• Every course comes with a certificate
• code brushes AI in playgrounds

🔗 https://t.co/mXmUtJZnOU


2. Codepip

Codepip is the platform for your favorite web development games. Gain an edge in your following interview or project.

🔗 https://t.co/MjHNsLvkiL


3. RapidAPI Comics

Learn API development with RapidAPI Comics (sketch notes and fun analogies).

🔗 https://t.co/KONorFomgu


4. JS Visualizer 9000

Learn JavaScript by visualizing your code.

🔗 https://t.co/9NId4GjGAq
WEBDEV

More from Education

Michael
Michael
@Cole_Therapy_Ed
So - what is the deal with the AntiBlack 'awarding gap' in UK higher education?
@Wonkhe @officestudents @nusuk @UWankings @BantshireUni
#BlackAwardingGap #highered


What do students think about their university experience?
#BlackAwardingGap #highered


A student-deficit approach is a fundamental reason why efforts to eradicate the gap have failed, such that despite ↗️ access to HE for Black students, their experiences, assessment and opportunities remain disproportionately affected (one of the ways in which whiteness works⬇️)


UK higher ed, far from being immune or removed from structural inequalities, often actually reproduces them. In this context, white supremacy is the social structure, and the University the institutional operation.
But what is whiteness? Here's some helpful terms ⬇️


Aside from dismantling the institution, and starting over in a different and reparative way, there are things we can do at the intrapersonal, interpersonal, institutional, and community level to address it. Such as, manifest an anti-racist pedagogy ⬇️
EDUCATION
Jason Lengstorf
Jason Lengstorf
@jlengstorf
⭐ I’m a frontend dev. I work mainly w/HTML, CSS, & JS

last year I built stuff that doesn’t sound like frontend work:

- custom APIs and DBs (both GraphQL & REST)
- user dashboards
- video manipulation

but it all *felt* comfortable & within my skillset

how? a thread: 🧵


I do all sorts of demos and "hello world" projects, but I want to focus on real-world apps only in this thread. specifically, I'll talk about this production project:

✨ Jamstack Explorers 👩‍🚀

this is a load-bearing app that a lot of people depend on


to build Jamstack Explorers, we needed:

🗄 a custom database to track mission progress
📝 a content management system
🔐 user authentication
🎬 video manipulation

we were a small team of frontend devs and we needed to ship quickly — this was a daunting todo list 😅

🗄 custom database

using @HasuraHQ Cloud, we were able to create a new DB, configure it, and test the API all from a web interface — no config files or server setup required

we got it running in a day & I never felt like I was in over my head, even though DBs make me nervous!


📝 content management

we chose @sanity_io as a CMS. we used their CLI + JSON schema to set it up for Markdown + @mdx_js, exposed through a GraphQL API

the docs were great — it still felt like I was well within my frontend wheelhouse while we set this up
EDUCATION , DEVEDU
Advertisement
Nina Nesdoly
Nina Nesdoly
@ninanesdoly
I’ve had a fantastic MSc experience (almost done!) and have been talking to a lot of incoming or current students. Some topics / questions come up a lot. Here’s what I know!

🧵 Tips for an awesome MSc experience.

#AcademicTwitter #AcademicChatter @OpenAcademics @academeology

1/ Ok to start, some context: I started my MSc in September 2019 in Organizational Behaviour. I start my PhD this September.

A lot happened in my MSc: I won several scholarships, my Dad died, I submitted my thesis work to a major conference, annnd there was the pandemic.

2/ Let’s get into it!

Choosing a thesis topic: Read read read.

What are you interested? Pick an umbrella topic and start reading. Follow the rabbit holes. Write questions, answers, more questions. When you find questions you cannot answer, you might have a thesis topic.

3/ Don’t get stuck on the idea you came in with.

My first semester a professor said “if your research ideas don’t change, you haven’t learned anything.”

No one is going to pull up your SOP and hold you to whatever you said you were interested in upfront.

4/ Pin down a thesis format

What will you do, broadly? One study? Two? A review paper? Meta-analysis? As early as possible, find out what YOU actually need to do to complete your thesis. ESPECIALLY if you’re in a lab with lots going on. What is YOUR requirement?
EDUCATION
Bryan Carmody
Bryan Carmody
@jbcarmody
You asked. So here are my thoughts on how osteopathic medical students should respond to the NBOME.

(thread)


Look, even before the Step 2 CS cancellation, my DMs and email were flooded with messages from osteopathic medical students who are fed up with the NBOME.

There is *real* anger toward this organization. Honestly, more than I even heard about from MD students and the NBME.

The question is, will that sentiment translate into action?

Amorphous anger on social media is easy to ignore. But if that anger gets channeled into organized efforts to facilitate change, then improvements are possible.

This much should be clear: begging the NBOME to reconsider their Level 2-PE exam is a waste of your time.

Best case scenario, you’ll get another “town hall” meeting, a handful of platitudes, and some thoughtful beard stroking before being told that they’re keeping the exam.

Instead of complaining to the NBOME, here are a few things that are more likely to bring about real change.
EDUCATION
Parents United Against Unsafe Schools
Parents United Against...
@Parents_Utd
This open letter created a false dichotomy in the schools debate, pitting MH against safety. Thread..

https://t.co/iKGVXcI76Y

@theAliceRoberts @MaryBoustedNEU @ReicherStephen @SusanMichie @alansteinoxford

We are saddened that the signatories of the letter do not appear to have channelled their energy into encouraging innovation in distance learning and support which could serve to bolster children's mental health in order to limit some of harms caused by isolation.

That the potential for the Internet to be used as a "fantastic communications tool" and provide "a creative and visual style of learning" affording "a positive and interactive experience" as identified by @ProfTanya in the Byron Review has not been celebrated is a travesty.

The report identified the internet to be a platform for children and young people to "express themselves and keep in touch" and is "a fantastic place to meet people and find support, friendship and

When we consider that internet based interventions such as iCBT are now well established psychological practice, it is a great sadness that the expertise of professionals in this field has not been channelled toward helping craft a recovery curriculum children desperately need
EDUCATION

You May Also Like

Anshul Pandey
Anshul Pandey
@Anshulspiritual
IMPORTANCE OF SATYA NARAYAN KATHA AND ITS ORIGIN.

We all have heard and read the Satyanarayan katha. But none of us dont know the original stories that Shatanand or Sadhu or Kalavati must have heard. Also, as a habit we hear or read this katha


but dont know the proper way it should be conducted.

We find its mention in Skanda puraan(Reva khand) and Bhavishya Puraan(Pratisarg parva).
Both Bhagwatam and Gita call Bhagwan Narayan as Satv or Truth. So Satyanarayan denotes this name as the one which is Truth incarnate.

The story began in Naimisharanya when Vyasji asked Sutji about a way to eliminate all the sorrows and fulfill all the desires and about who is the devta who can grant these at the same time.

So Suutji first prayed to Bhagwan Satyanarayan who is no one else but Vishnu ji.

Then he remembered all his avatars.After that he narrated the story of Narad. Once while visiting Mrityulok, Naradji was pained to see the sufferings of People around. He was deeply moved by these sufferings and wanted to know the means by which we could rid ourselves from these.

So he went to Vishnu ji and after paying his respects stood in front of him. Naradji narrated the purpose of his visit.

So Bhagwan Vishnu said to him that in Satyug and Tretayug, Bhagwan eliminates sorrow in Vishnuswarup. In Dwapar he assumes different forms to help people.
RELIGION
Erik Torenberg
Erik Torenberg
@eriktorenberg
1/ Here’s a list of conversational frameworks I’ve picked up that have been helpful.

Please add your own.

2/ The Magic Question: "What would need to be true for you


3/ On evaluating where someone’s head is at regarding a topic they are being wishy-washy about or delaying.

“Gun to the head—what would you decide now?”

“Fast forward 6 months after your sabbatical--how would you decide: what criteria is most important to you?”

4/ Other Q’s re: decisions:

“Putting aside a list of pros/cons, what’s the *one* reason you’re doing this?” “Why is that the most important reason?”

“What’s end-game here?”

“What does success look like in a world where you pick that path?”

5/ When listening, after empathizing, and wanting to help them make their own decisions without imposing your world view:

“What would the best version of yourself do”?
LIFE
Advertisement
Chuck Wendig
Chuck Wendig
@ChuckWendig
TRUMP: "I've decided to eat babies."

PEOPLE: "He can't eat babies, that's super illegal."

TRUMP, on TV, eating babies, not even cooking them first: "People are saying that I really am the best baby-eater, folks."

NYT: "Trump Vs. Babies: The Rhetoric On Both Sides Must Stop"

Jeff Flake tweets: "It is a sad day in America when this callous man can eat babies live on TV"

Jeff Flake, 10 seconds later, votes to help him install a series of 4,000 new judges that are very, very pro-babyphagia.

Judge Kavanaugh, found drunk in a Capitol Hill closet: "I LIKE BEER. OKAY? I LIKE BEER AND I LIKE BABIES AND THAT'S NOT SO WRONG. THAT'S RIGHT. I LIKE BABIES DIPPED IN BEER. I JUST DIP EM. IN THE BEER. THE BABIES. THE BABIES I EAT. OKAY? THAT'S AMERICA."

Mike Pence, wringing his hands about the baby-eating: "We must take care of our children. Our youngest must be protected on this troubling day."

Mike Pence then invites a Baby Chef to say a prayer.

Twitter Users: "It's a distraction technique! Trump eating babies is trying to DISTRACT YOU from ALL THE OTHER HORRORS, which are themselves distractions from the BABY-EATING. It's DISTRACTIONS ALL THE WAY DOWN."

Trump: *eats tons of babies at a rally*

*literal tons of babies*
POLITICS
Indian Quant
Indian Quant
@indian_quant
Nano Course On Python For Trading
==========================
Module 1

Python makes it very easy to analyze and visualize time series data when you’re a beginner. It's easier when you don't have to install python on your PC (that's why it's a nano course, you'll learn python...

... on the go). You will not be required to install python in your PC but you will be using an amazing python editor, Google Colab Visit https://t.co/EZt0agsdlV

This course is for anyone out there who is confused, frustrated, and just wants this python/finance thing to work!

In Module 1 of this Nano course, we will learn about :

# Using Google Colab
# Importing libraries
# Making a Random Time Series of Black Field Research Stock (fictional)

# Using Google Colab

Intro link is here on YT: https://t.co/MqMSDBaQri

Create a new Notebook at https://t.co/EZt0agsdlV and name it AnythingOfYourChoice.ipynb

You got your notebook ready and now the game is on!
You can add code in these cells and add as many cells as you want

# Importing Libraries

Imports are pretty standard, with a few exceptions.
For the most part, you can import your libraries by running the import.
Type this in the first cell you see. You need not worry about what each of these does, we will understand it later.
PYTHON , TRADE PYTHON , PYTHON TRADING
RadioChinar
RadioChinar
@RadioChinar
Demystifying Ghazwa-e-Hind. A #thread.

A recent video of Shoaid Akhter surfaced in social media creating a lot of controversy where the #Pakistani Cricketer can be seen suggesting invasion of India by using the term Ghazwa-e-Hind.
Radicalization of sportsmen seen off late
(1/10)


Some radical Islamic preachers believes that Ghazwa-e-Hind means a “Holy War against India”. As per this irrational & profane concept, there will be a fierce battle to secure victory over #India.
#Kashmir
(2/10)


#Pakistan-based terror groups, like JeM have been using Ghazwa-e-Hind as a Hadith to recruit, fund and justify its terror strikes as a religious holy war against #India.
#Kashmir
(3/10)


Some machiavellian people claim it is a prophecy that Muslim warriors will wage war against the #India.
Jaish & others falsely propagate that Jihad against India is considered holy in Islam & that those participating in it will be granted an easy entry into paradise.
(4/10)


However prolific scholars says that this is a made-up interpretation of some verse in The Holy Quran to mislead the gullible youth of #Pakistan into picking up arms and fighting its Army's personal battle against #India.
#Kashmir
(5/10)
SOCIETY