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
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
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
Finding good courses is challenging.

Here are five courses on JavaScript, Python, and Go you can consider in 2022.

Thread 🧵

1️⃣ Basic JavaScript

Interactive learning will help you understand the basic concepts of JavaScript quickly.

• Introduction
• Variables
• Comparisons
• Loops

🔗

2️⃣ Advance JavaScript

Understanding complex concepts of JavaScript is the with exercises and challenges.

• Functions
• Arrays
• Objects

🔗

3️⃣ Python

You'll get hands-on practice with all the building blocks to ensure you excel as a Pythonista.

🔗

4️⃣ DS and Algo in Python

Algorithms are tough to master. But this course made it easy with code samples and quizzes.

🔗
ALL
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

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
Alex Griswold
Alex Griswold
@HashtagGriswold
The Google Doc where the San Francisco school board did it's research for deciding which historical figures to cancel is public, and it's hilariously bad

The best part is the "Notes" tab, where someone lays out why the stated reasons are complete BS.

Case in point: "Lowell High School must be renamed because the namesake was a racist."

Notes: "Yeeeah, no, it wasn't named after that guy at all."

(they voted to rename anyway)


Another example: "Paul Revere led the Penobscot Expedition, which led to the colonization of the Penobscot."

Notes: "What? No. The Penobscot expedition was fought against the British, in Penobscot Bay. The natives weren't involved."

(voted to rename anyway)


"Dianne Feinstein was responsible for evicting an entire Filipino neighborhood!"

Notes: "That happened in 1977. She wasn't mayor until a year later."

(voted to rename anyway)


"Abraham Lincoln executed 38 Dakota Indians!"

Notes: "The Minnesota governor was going to execute *300*. Lincoln intervened when he had no obligation to, and saved the vast majority of them."

(voted to rename anyway)
EDUCATION
Advertisement
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
Gail Simone
Gail Simone
@GailSimone
You know what I don’t miss? Parent teacher conferences.

Most of Rocketkid’s teachers were lovely, but we had two that still stick out in my mind as sad/hilarious.

The first one, he was in elementary school. The teacher said it was ‘important’ for us to come in.

1/

So we worried about that for two days until the meeting. What could be wrong? It’s scary for parents to be left hanging like that.

So we meet his teacher, goatee and sunglasses...we live in the boonies and yet there’s something here like he’s trying to be a player.

2/

Not like a lady-player, like he’s got an image of himself in his head. We like teachers, but this guy’s manner is just weirdly kind of pushy a little bit.

Anyway, we sit does in the kid chairs, he’s behind his desk, again, weirdly focused on ‘power,’ somehow.

No idea why,

3/

We ask about our son, he acts as if he forgot that’s why we’re there, says some random stuff, all normal, nothing at all worthy of a conference. I mean, contact and communication is important, but thus just feels off-the cuff entirely.

4/

So then suddenly he gets really intense, but pretends being casual. Like it just occurred to him.

And he says to me, ‘So, I hear you’re a writer.’

What?

I tell him yes, I write comics and some animation and stuff.

He says. ‘I looked you up.’

5/
EDUCATION
Ovcharka
Ovcharka
@ouroboros_outis
OK I am going to be tackling this as surveillance/open source intel gathering exercise, because that is my background. I blew away 3 years of my life doing site acquisition/reconnaissance for a certain industry that shall remain unnamed and believe there is significant carryover.


This is NOT going to be zillow "here is how to google school districts and find walmart" we are not concerned with this malarkey, we are homeschooling and planting victory gardens and having gigantic happy families.

With that said, for my frog and frog-adjacent bros and sisters:

CHOICE SITES:

Zillow is obvious one, but there are many good sites like Billy Land, Classic Country Land, Landwatch, etc. and many of these specialize in owner financing (more on that later.) Do NOT treat these as authoritative sources - trust plat maps and parcel viewers.

TARGET IDENTIFICATION AND EVALUATION:

Okay, everyone knows how to google "raw land in x state" but there are other resources out there, including state Departments of Natural Resources, foreclosure auctions, etc. Finding the land you like is the easy part. Let's do a case study.

I'm going to target using an "off-grid but not" algorithm. This is a good piece in my book - middle of nowhere but still trekkable to civilization.

Note: visible power, power/fiber pedestal, utility corridor, nearby commercial enterprise(s), and utility pole shadows visible.
EDUCATION

You May Also Like

SK
SK
@sk_diary1
A #story from #Thiruvilayadal puranam-one of divine leelas of Bhagwan Shiva

#threadseries #Madurai

Story 16- it is about how Bhagwan Shiva explained the meaning of Vedas to the Rishis.

வேதத்துக்குப் பொருள் அருளிச் செய்த படலம்


Once there was a great deluge,everything in the world was destroyed.All lifeforms that existed got perished.Afterwards ,due to Bhagwan Shiva creation started.Then from Bhagwan Shiv ji's mouth-birth of 🕉 OM- Pranavam happened.From Pranavam,4 vedas appeared. Rishis learned them.

Many Rishis in Naimisharanya learned Vedas&recited them but they didn't understand the meaning&essence of Vedas. They were worried as they couldn't find any guru who can teach them the meaning of Vedas.That time,Rishi Arabhatar visited them.Rishis told him about need their worry.

Rishi Arabhatar told them that Bhagwan Shiva has given Vedas &he would be grateful enough to teach the meaning as well.But for that rishis have to rigorous penance at a sacred place.Also told them to go to Sundareswarar temple in Madurai to do tapas in front of Dakshinamurthy.

Assured them that Dakshinamurthy himself will come & teach them.Rishis proceeded to Madurai & started their tapas in front of Dakshinamurthy sannidhi for almost a year starting from Karthigai month pournami to next year Karthigai month pournami following all rituals..annadan
ALL
Justin Kan
Justin Kan
@justinkan
1/ Throughout my startup career, I’ve seen many founders have an aversion to sales. This is a mistake that can kill your startup.

2/ Sales is often viewed as either a saving grace or proof that the product isn’t good enough (because it should sell itself). Neither are ever true. Some common mistakes that result in...

3/ Mistake 1: Hire a sales rep before reaching product/market fit to get your initial batch of customers. This is a mistake because founders need to work through their MVP with early adopters to truly understand what it is they’re selling.

4/ Mistake 2: Reach product/market fit, need to scale, and rely entirely on self-serve. For enterprise products that require big commitments and internal shifts, almost no product is self-explanatory enough to sell itself.

5/ Mistake 3: Make a first sales hire who isn’t scrappy enough to help mold the sales process from scratch. Some salespeople are amazing at their jobs, but not cut out to establish the processes that others end up following. This skillset is what @rdedatta calls a “sales ninja”.
STARTUPS
Advertisement
raina douris
raina douris
@RahRahRaina
fascinated by this man, mario cortellucci, and his outsized influence on ontario and GTA politics. cortellucci, who lives in vaughan and ran as a far-right candidate for the italian senate back in 2018 - is a major ford donor...


his name might sound familiar because the new cortellucci vaughan hospital at mackenzie health, the one doug ford has been touting lately as a covid-centric facility, is named after him and his family

but his name also pops up in a LOT of other ford projects. for instance - he controls the long term lease on big parts of toronto's portlands... where doug ford once proposed building an nfl stadium and monorail... https://t.co/weOMJ51bVF


cortellucci, who is a developer, also owns a large chunk of the greenbelt. doug ford's desire to develop the greenbelt has been

and late last year he rolled back the mandate of conservation authorities there, prompting the resignations of several members of the greenbelt advisory
WORLD
ashkan soltani
ashkan soltani
@ashk4n
BREAKING: @CommonsCMS @DamianCollins just released previously sealed #Six4Three @Facebook documents:

Some random interesting tidbits:

1) Zuck approves shutting down platform API access for Twitter's when Vine is released #competition


2) Facebook engineered ways to access user's call history w/o alerting users:

Team considered access to call history considered 'high PR risk' but 'growth team will charge ahead'. @Facebook created upgrade path to access data w/o subjecting users to Android permissions dialogue.


3) The above also confirms @kashhill and other's suspicion that call history was used to improve PYMK (People You May Know) suggestions and newsfeed rankings.

4) Docs also shed more light into @dseetharaman's story on @Facebook monitoring users' @Onavo VPN activity to determine what competitors to mimic or acquire in 2013.

https://t.co/PwiRIL3v9x
TECH
Kevin Murphy
Kevin Murphy
@kwmurphy
Okay look - I didn’t grow up with comic books. But I read stacks of science fiction digests and I kit-bashed model cars into fantasy rods, and just tried to maintain a low profile until I could get out of the house. So you could say I’m a distant cousin of the comic book fan. /1

And sometimes one’s childhood passion follows them into adulthood, sometimes not, sometimes as an adult one finds a passion they never had as a child and embraces it. For me, that must include getting involved with a puppet show at the age of thirty. /2

So who’s to say whose passion’s legitimate and whose is bogus? Nobody. Someone might indict your passion but they have no ground to stand on and should be dismissed out of hand. /3

Maybe they’re envious that you have a passion, maybe they think that their passion is cooler than yours, or maybe they’re just insecure, who knows. Doesn’t matter. /4

What matters is that if something gives you joy, and in the process doesn’t hurt others, then by all means follow it. It’s how we explore our secret hopes, our shadow sides, our inner character. /5
CULTURE