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
You can check out these websites if you're learning HTML, CSS and JavaScript 🧵...

HTML 🧱

1. Learn HTML
https://t.co/NlQZAFwthT

2. HTML best practice
https://t.co/PyPf3lP9bX

3. HTML

CSS 🎨

1. CSS reference
https://t.co/Hhk8NKglpf

2. Learn to code
https://t.co/CLEsHgSrEk

3. CSS layout
https://t.co/9yiXkP3mWi

4. CSS tutorial
https://t.co/fR6AeVTdZv

5. Learn about colors
https://t.co/7vrD10j0jU

6. Learn gird

JavaScript ⚙️

1. JavaScript visualizer
https://t.co/9NId4GjGAq

2. Learn JavaScript
https://t.co/5WbtISS11I
https://t.co/4h27qOC1fO

3. JavaScript tutorial
https://t.co/taSKnEPxMS

4. JavaScript 30
https://t.co/j2wEIHVU8S

5. JavaScript
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 \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
Some of my handmade JavaScript notes and cheat sheets that can help you 🧵👇

1. JavaScript Function Anatomy


2. JavaScript Arrow Function


3. JavaScript Array Methods


4. JavaScript Date Methods
WEBDEV , ALL
Pratham
Pratham
@Prathkum
Learn Data Structure and Algorithms for free:

1. https://t.co/b8YeMXWcLF
2. https://t.co/TKkxPKj0Hk
3. https://t.co/WJBl9XU8D9
4. https://t.co/KKEmamdkOI
5.
DSA

More from Education

Shubham Aggarwal
Shubham Aggarwal
@ShubhamAggarwl
How to effectively use Twitter for learning, networking, audience building, start a business, build a personal brand from scratch ?

A Thread 🧵👇

Disclaimer - Everything said here is “industry leader thoughts and mine” experience with Twitter, I don’t deserve any credits. I have just shared with you all things about Twitter at one glance. This guide covers everything about Twitter.

1/ First question you should ask yourself : Why to join Twitter?

I will tell you that you can generate sales, build connections, job opportunities, best learning sources, personal brand, start your own business and bunch of other things you can think of, Twitter will help you.

2/ Twitter is the best social networking platform in the world. Twitter is a school that helps teach people. Let’s cover all the things one by one from scratch.

3/ How to start using Twitter?

- Open the app and clean all your following.
- Avoid negative people and politics.
- Skip Twitter's recommendations.
- Start consuming content of people you follow for the 1st 15 days.
EDUCATION
zev handel
zev handel
@ZevHandel
Last month I presented seven sentences in seven different languages, all written in a form of the Chinese-character script. The challenge was to identify the languages and, if possible, provide a


Here again are those seven sentences:

1) 他的剑从船上掉到河里去
2) 於世𡗉番𧡊哭唭𢆥尼歲㐌外四𨑮
3) 入良沙寢矣見昆腳烏伊四是良羅
4) 佢而家喺邊喥呀
5) 夜久毛多都伊豆毛夜幣賀岐都麻碁微爾夜幣賀岐都久流曾能夜幣賀岐袁
6) 其劍自舟中墜於水
7) 今天愛晚特語兔吃二魚佛午飯

Six of those seven sentences are historically attested. One is not: I invented #7. I’m going to dive into an exploration of that seventh sentence in today’s thread.

Sentence #7 is an English-language sentence written sinographically — that is, using graphs that originate in the Chinese script. I didn’t do this for fun (even though it is fun), or as a proposal for a new way to write


I did it as a thought experiment. Why? Because thinking about how the modern Chinese script might be adapted to write modern English can give us valuable insights into historical instances of script borrowing, like those that took place centuries ago in Japan, Korea, and Vietnam.
EDUCATION
Advertisement
Sorcha Browne Byrne
Sorcha Browne Byrne
@iamsorchab
Hi teachers and parents 👋 I have complied a short list of useful online maths tools and virtual manipulatives to assist you with distance learning. I have included the curriculum area and suggested what class group they would be most suitable for. See below! #mathschat #edchatie

This website allows you to create a graph. Useful for 5th/6th class. Children can create pie charts, bar charts, etc. adding in their own data and designing and labelling the X and Y axis themselves. Charts are easily

Online protractor. Useful for 5th/6th class. The teacher can use screen sharing to how to use a protractor. Children who do not have a protractor at home can use this to measure angles.

Exploring area and perimeter. Useful for 4th - 6th class. Tasks can be set to create shapes of a specific area/perimeter. There is also a game that can be used for formative

Interactive geo-board. Useful for 1st - 6th class for exploring perimeter and area and the characteristics of shapes. Images can be saved easily to be shared with the teacher via email, screen share etc.
EDUCATION
Fadel Adib
Fadel Adib
@fadeladib
I've been serving on grad admissions committees at MIT for 5 years - in EECS and Media Lab

If you want to get into a PhD at a place like MIT, here's a thread with some advice based on my observations

1/13

1. Grades do matter, especially in courses that are important for your chosen field

2. Research matters, even more than grades

3. Publications matter, but letters of recommendation matter even more

4. Your statement of purpose should be the cherry on top of the cake

2/13

When I say grades matter, it doesn't mean that you need 100/100 or A+ in every course. It does mean that you are expected to have strong competence (close to straight A/A+/A-) in technical courses relevant to your field of interest

3/13

While grades show competence, a PhD is about research. So, the more your application demonstrates research potential, the higher your chances for acceptance. It's not about the number of papers (if any), but about the quality of research you pursue

4/13

This is why the best evaluation of research potential often comes from letters of recommendation (LoRs)

Letters shed light on technical competence, creativity, work ethic, & personal interaction. All of which are important for a successful PhD

5/13
EDUCATION
Dominik Mertz
Dominik Mertz
@DocDominik
Time for some thoughts on schools given the revised SickKids document and the fact that ON decided to leave most schools closed. ON is not the only jurisdiction to do so, but important to note that many jurisdictions would not have done so -even with higher incidence rates.


As outlined in the tweet by @NishaOttawa yesterday, the situation is complex, and not a simple right or wrong https://t.co/DO0v3j9wzr. And no one needs to list all the potential risks and downsides of prolonged school closures.


On the other hand: while school closures do not directly protect our most vulnerable in long-term care at all, one cannot deny that any factor potentially increasing community transmission may have an indirect effect on the risk to these institutions, and on healthcare.

The question is: to what extend do schools contribute to transmission, and how to balance this against the risk of prolonged school closures. The leaked data from yesterday shows a mixed picture -schools are neither unicorns (ie COVID free) nor infernos.

Assuming this data is largely correct -while waiting for an official publication of the data, it shows first and foremost the known high case numbers at Thorncliff, while other schools had been doing very well -are safe- reiterating the impact of socioeconomics on the COVID risk.
EDUCATION

You May Also Like

ArmaniTalks \U0001f399\U0001f525
ArmaniTalks 🎙🔥...
@ArmaniTalks
Shy people are either overthinking or highly observant of the social setting.

And in many cases it can be both.

'So what do I do?'

You learn the 75/25 law.

'What is that?'

The law of charisma...👇

Let's address the over thinkers first.

Do you have any idea why you overthink?

'Yea. Because others are judging how shy I am.'

Incorrect.

Others are thinking about themselves, not you.

But the fact that you think they are thinking about you, you fuck up the interaction.

Now you stay in your head too much & avoid the present moment.

A major no no in the social world.

Your tendency to think that others are judging you for being shy, coincidentally makes you more shy.

And that's when you start giving off a strange vibration to the social setting.

This is when you begin attracting comments like 'why are you so quiet?'
LIFE
Michael Dearing
Michael Dearing
@mcgd
An irony of facebook's situation.

Sheryl got her MBA at Harvard. One of the most famous cases (Extra Strength Tylenol) in one of the most famous classes (Business History) she took: in 1982, someone put cyanide in Extra Strength Tylenol capsules and killed 7 people in Chicago.

What do you do when someone turns your product into a weapon? When they use the system you built to harm? James Burke, CEO of J&J, was shockingly open with the public, he pulled the product and made significant packaging changes to make product safer (but not tamper-proof).

He over-shared every step along the way re investigation, redesign, stood up as both CEO and human. The reintroduction of new Extra Strength Tylenol succeeded. Burke saved the brand.

But four years later it happened again. A killer put cyanide in the capsules, this time a woman in Yonkers died. Same CEO, Burke, pulled the product again, completely changed the form factor from capsule to caplet and relaunched *again*. It worked *again*. How'd they do that?

Burke (CEO) tapped J&Js goodwill bank account w/ the public. Two big withdrawals from that bank account in four years + 8 dead bodies! But his honesty, openness, humanity (choked up about the deaths more than once), humility kept the goodwill bank balance positive the whole time.
TECH
Advertisement
Anshul Pandey
Anshul Pandey
@Anshulspiritual
TYPES OF SINS(PAAP) AS PER SKAND PURAN.

There are three types of Adharma- Sthool, Sukshma and Ati Sukshma. The group of Sins in the Sthul section carries you to Narak. These sins are committed through your thoughts, words and deeds.


It is of four types.

1)First is the sin committed by your mental state-
Thinking about woman other then your spouse.

A)Resolution to amass wealth from others.

B)Thinking ill about others.

C)Thinking of doing a forbidden or unworthy deed.

2)Second is the sin that you commit through your words :-

A)Talking irrelevant things.

B)Telling a lie.

C)Speaking harshly.

D)Talking ill about others.

3)Third type of sin is committed through your body actions-

A)Eating food not prescribed to you or forbidden.

B)Violence.

C)Eating fancier food.

D)Acquiring other's wealth.

So these twelve types of sins.

There are six types of sinners or Mahapatak

1)One not bowing his head in front of a temple.

2)Never praise Shiva.

3)People who behave untowardly way in front of Ishwar.

4)People who do not show respect to Ishwar, guru or one who are undignified.

5)One who do not behave properly.

6)One who is jealous of other bhakts.

Below is the list of sins which people may commit.

1)One who does not help a needy person or a person in pain,
RELIGION
\u092a\u094d\u0930\u0924\u093f\u091c\u094d\u091e
प्रतिज्ञ...
@RamaInExile
#twitterArts
Arts are best form to Express thoughts & devotion. In All civilization Arts played very important role to express sprituality. Tibbeten Tangkhas are prime example .

List of My Paintings & Sketches


प्रलय पयोधि-जले धृतवान् असि वेदम्
विहित वहित्र-चरित्रम् अखेदम्
केशव धृत-मीन-शरीर, जय जगदीश हरे!!


छलयसि विक्रमणे बलिम् अद्भुत-वामन
पद-नख-नीर-जनित-जन-पावन
केशव धृत-वामन रूप जय जगदीश हरे


नंदसि यज्ञ- विधेर् अहः श्रुति जातम्
सदय-हृदय-दर्शित-पशु-घातम्
केशव धृत-बुद्ध-शरीर जय जगदीश हरे


क्षत्रिय-रुधिर-मये जगद् -अपगत-पापम्
स्नपयसि पयसि शमित-भव-तापम्
केशव धृत-भृगुपति रूप जय जगदीश हरे
ALL
Anu Satheesh
Anu Satheesh
@AnuSatheesh5
Guruvayur Sri Krishna & Coconut with Horns.
#Krishnaleela
#Bhakthi
🕉
We’ve all grown up listening to stories of Shri Krishna. This one is a famous story of Shri Krishna in Guruvayur Temple, also called Dakshina Dwaraka.


There lived a villager who planted coconut saplings and had promised that he would offer the 'first coconut' from each of his coconut trees to "Guruvayurappan". When the trees started to yield coconuts, he collected the first coconut from all the trees in a sack 👇


and set forth to Guruvayur.

On the way he was stopped by a robber who asked all the items in the sack. The villager told the robber that the coconuts in the sack belonged to Guruvayurappan and so he was unable to hand it over.
@SriramKannan77 @Jayalko1


The robber with anger asked the villager "Is Guruvaurappan's coconut any different? Does it have horns ?".
Saying so the robber pulled the sack forcefully out of the villager's hand, and coconuts came out..👇


To their astonishment each and every coconut in the sack had horns! Even today, the coconut with horns are displayed in the temple for devotees to see.

Below Picture is not original, as we cannot take photos inside temple.
Hare Krishna
Guruvayurappa
🕉🕉🕉🕉🕉
Shubham
ALL