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 \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
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
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
APIs in general are so powerful.

Best 5 public APIs you can use to build your next project:

1. Number Verification API

A RESTful JSON API for national and international phone number validation.

🔗 https://t.co/fzBmCMFdIj


2. OpenAI API

ChatGPT is an outstanding tool. Build your own API applications with OpenAI API.

🔗 https://t.co/TVnTciMpML


3. Currency Data API

Currency Data API provides a simple REST API with real-time and historical exchange rates for 168 world currencies

🔗 https://t.co/TRj35IUUec


4. Weather API

Real-Time & historical world weather data API.

Retrieve instant, accurate weather information for
any location in the world in lightweight JSON format.

🔗 https://t.co/DCY8kXqVIK
ALL
Pratham
Pratham
@Prathkum
9 websites that will help you learn web development faster (they are free) 🧵

1. How HTTP Works

Everything you need to know about HTTP based system.

🔗 https://t.co/gVZS4RzS1a


2. 30 Days of Node

Learn Node step by step with interactive examples and code snippet in 30 days.

🔗 https://t.co/9nbtMiNB1C


3. How DNS Works

Learn what happens when you type a website address in your browser

🔗 https://t.co/SqMRNnDbc3


4. Git

Check out this excellent free website to learn git visually.

🔗 https://t.co/rQJMISBDfS
ALL

More from Education

Rob Sansom
Rob Sansom
@Sansom_Rob
Many of us are about to begin a new semester of online teaching. The learning curve for moving my lecture units last semester was STEEP, so I compiled some sort of hand over notes to people approaching this for the first time. I hope it's useful for someone somewhere.

Reduction in the amount of content was important. What used to be 2 x 1 hr in-person lectures/week had to be condensed down into 6 x 10 minute prerecorded videos (aka aynchronounous content) with 1 x hr live zoom session (synchronous). Even that was too much.

For the sake of yourself and your students, SLASH. Slash your content down. This doesn't mean having to lose important stuff, but keeping it short and sweet.

10 minute video chunks was just about short enough to hold attention. Have you tried watching an online lecture? It is HARD to maintain focus. The shorter the better.

Importantly, each 10 minute video had an explicit Intended Learning Objective given at the end and in the associated text, so that everyone knew what the point was (and how this might relate to assessment later).
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
Advertisement
Workwithoutwalls_Academy
Workwithoutwalls_Acade...
@W3Academy_
Happy Monday!

We combined a list of helpful resources from @TundeTASH and @myfreelancehq

This thread entails TOP TEN (10)

🤝 Sites to learn Excel for free

🤝 Sites for online education

🤝 Sites for your career

🤝 Sites for interview preparation


🤝 Skills you can do with little or no experience

🤝 Tech skills in demand

💡 Top 10 Sites to learn Excel for free:

Search for these on Google:

1. Microsoft Excel Help Center

2. Excel Exposure

3. Chando

4. Excel Central

5. Contextures

6. Excel Hero

7. Mr. Excel

8. Improve Your Excel

9. Excel Easy

10. Excel Jet


💡💡 Top 10 Sites for Free Online Education:

Search for these on Google:

1. Coursera

2. edX

3. Khan Academy
4. Udemy

5. iTunesU Free Courses

6. MIT OpenCourseWare

7. Stanford Online

8. Codecademy

9. Open Culture Online Courses

10. TED-Ed

💡 Top 10 Sites for your career:

1. LinkedIN

2. Indeed

3. Careerealism

4. Job-Hunt

5. JobBait

6. Careercloud

7. GM4JH

8. Personalbrandingblog

9. Jibberjobber

10. Neighbors-helping-neighbors
EDUCATION
Louigi Addario-Berry
Louigi Addario-Berry
@Methemedantics
When the university starts sending out teaching evaluation reminders, I tell all my classes about bias in teaching evals, with links to the evidence. Here's a version of the email I send, in case anyone else wants to poach from it.

1/16


When I say "anyone": needless to say, the people who are benefitting from the bias (like me) are the ones who should helping to correct it. Men in math, this is your job! Of course, it should also be dealt with at the institutional level, not just ad hoc.
OK, on to my email:
2/16

"You may have received automated reminders about course evals this fall. I encourage you to fill the evals out. I'd be particularly grateful for written feedback about what worked for you in the class, what was difficult, & how you ultimately spent your time for this class.

3/16

However, I don't feel comfortable just sending you an email saying: "please take the time to evaluate me". I do think student evaluations of teachers can be valuable: I have made changes to my teaching style as a direct result of comments from student teaching evaluations.
4/16

But teaching evaluations have a weakness: they are not an unbiased estimator of teaching quality. There is strong evidence that teaching evals tend to favour men over women, and that teaching evals tend to favour white instructors over non-white instructors.
5/16
EDUCATION
Albert Schram
Albert Schram
@albertschram
A thread about online teaching and learning (T&L).

@wv012 @Passengercis @thebandb @carelstolker @BieTanjade @C4Innovation @rianneletscher @PietVdBossche @wijmenga_cisca @Pduisenberg @QMProgram #highered #edtech #teaching @threadreader unroll (1)

Here is a university road map on how the strengths of conventional, face-to-face teaching and online T&L can be optimally used to address today’s lecture room challenges.

I am not an instructional designer, but I have been teaching online internationally for over 10 years (2)

In the last 2+ years, I taught hybrid & online undergraduate courses at the University of Maryland Global Campus, among the largest top-20 online colleges in the USA.

UMGC has received numerous awards for its innovations: https://t.co/jd7JkHIK8Q and https://t.co/IPKizZwclA (3)

15+ years ago UMGC was one of the founding members of QM “Quality Matters” a non-profit with 1,500+ members in 26 countries.

QM offers membership of a community of practice, numerous free resources, online training, and review/accreditation services https://t.co/ZoFVsgcBC7 (4)

It is obvious that universities will also be affected by the 4th industrial revolution, and things can not stay the same as they were after the invention of the printing press.

Until recently, a lecture room looked the same as 900 years ago incl. flirting and sleeping (5)
EDUCATION

You May Also Like

\U0001d54d\U0001d560\U0001d56a\U0001d552\U0001d558\U0001d556\U0001d563
𝕍𝕠𝕪𝕒𝕘𝕖𝕣...
@V0YAGERTWEETS
Ｇａｕ Ｍａｔａ Ｉｎ Ｖｅｄｉｃ
Ｃｕｌｔｕｒｅ

It is said that the one who bears the dust thrown from the hoof of Gaumata on his head, as if taking a bath in the water of the teerth sthalam and getting rid of all sins.


Ved and all other Hindu scriptures venerate the cow. The Vedic dictionary, Nighantu, gives amongst other synonyms of 'Gau' [ or cow] the words 'Aghnya', 'Ahi', and 'Aditi'.

Yaska the vedic decoder and commentator on Nighantu, defines these as-

Aghnya —— the one that ought not to be killed
Ahi —— the one that must not be slaughtered.
Aditi —— the one that ought not to be cut into pieces.

These three names of cow signify that this is an animal which should not to be put to tortures. These words appear frequently throughout the Veda in context of the cow.

But in due course the falsehood of killing cows spread far and wide and they became even more deep rooted when western scholars with their half baked knowledge of Sanskrit transliterated these interpretations of commentaries of Sayanacharya ,
ALL
Jeet Heer
Jeet Heer
@HeerJeet
1. Now that Stan Lee is being eulogized far and wide, it's important to remember how marginal Stan Lee and his collaborators (Jack Kirby and Steve Ditko) were in the 1950s and 1960s.

2. Marvel Comics (before that Atlas) was just a cog in the machine of a bottom pulp publisher run by Martin Goodman, the husband of one of Lee's cousins. It was the lowest of the low in the publishing world.

3. Now Mario Puzo (not yet the author of the Godfather) shared offices with Stan Lee in the 1950s and 1960s. Puzo wrote for garrish men's adventure magazines and, like Lee, dreamed of writing a novel & breaking out. But Puzo looked down on Lee.

4. Flo Steinberg, 1960s secretary at Marvel: "They were always making jokes about us. They'd come in and giggle. mario Puzo would look in and would see us all working on his way to the office and say, 'Work faster, little elves. Christmas is coming.'"

5. When JFK was killed, the whole office of Magazine Management was stunned and quiet. Except Lee. He continued working. "He was still working on the comic books," Puzo said. "Like that was the most important thing in the world."
CULTURE
Advertisement
Khatvaanga
Khatvaanga
@khatvaanga
Sri Gurubhyo Namaha.


After the phenomenon called Sri Chandrasekhara Bharati came another one - Sri Abhinava Vidya Teertha [1954-1989] the 35th Jagadguru. Srinivasa was born on Nov 13, 1917. He was initiated into Sanyasa by Sri Chandrasekhara Bharati in 1931. He was Jagadguru for 35 years.

He was chosen and specifically trained to take over Peetadhipatyam from Sri Mahaswami. He is majorly responsible for the way Sringeri currently is. He built various buildings for devotees, Gajashala, Gooshala etc.

Acharya on conversions:
Once a person approached Sri Acharya that some other religions are trying to convert Hindus and requested Sri AVT to do prevent these conversions.

AVT replied - what do u mean by religion? Religion i.e. mata is related to 'mati' or intellect.
Caste is called 'jAti' which is related to janana or birth.
Ex- breed of a cow. we cannot change its qualities to resemble another breed by changing its name.
ALL
Noah Smith
Noah Smith
@Noahpinion
Krugman is, of course, right about this. BUT, note that universities can do a lot to revitalize declining and rural regions.


See this thing that @lymanstoneky wrote:

And see this thing that I wrote:

And see this book that @JamesFallows wrote:

And see this other thing that I wrote:
SOCIETY
Danielle \U0001f1e7\U0001f1f4
Danielle 🇧🇴...
@dinkydani21
❤✈️🌎 2 years ago today @JamesIvings and I sold all our belongings and left the UK to travel for a year. We've never been happier and we have no plans to ever return there 🙂

Thread 👇

Since then we've started a remote web dev company @SquarecatWebDev and been lucky enough to have completed several freelance projects 💻 that have kept us on the road.

In the last few months we've become a huge part of this amazing new Maker community and have found so many new friends from @makerskitchen, @women_make_ and several others! 🥰

We love travelling together (even if I'm only a glorified laptop watcher 😒) but we're both much happier being able to share our ideas outside of our own little bubble and our products have benefitted too!

Here's to another year of nomading with my favourite person and to the Maker community continuing to grow with our help! Maybe one day we'll all get to meet each other ✌️ 💛
LIFE