Share this page!

Maybe Scrolly?
Pratham Profile picture
Twitter logo
1 Jul, 8 tweets, 4 min read
7 GitHub repositories that can help you if you're learning Web Development

πŸ§΅πŸ‘‡πŸ»
1. HTML reference

- A free guide to all HTML5 elements and attributes.

πŸ”— github.com/jgthms/html-re…
🌐 htmlreference.io
2. HTML and CSS Code Guide

- Standards for developing consistent, flexible, and sustainable HTML and CSS.

πŸ”— github.com/mdo/code-guide
🌐 codeguide.co
3. CSS Tips

- A collection of tips to help take your CSS skills pro

πŸ”— github.com/AllThingsSmitt…
4. JavaScript Best Practice

- Comprehensive and exhaustive JavaScript & Node.js testing best practices

πŸ”— github.com/goldbergyoni/j…
🌐 testjavascript.com
5. 50 Projects

- 50+ mini web projects using HTML, CSS & JS

πŸ”— github.com/bradtraversy/5…
6. Project-based learning

- Curated list of project-based tutorials

πŸ”— github.com/tuvtran/projec…
7. Microsoft web dev course

- This is a super cool GitHub repo by Microsoft for learning web development for beginners

πŸ”— github.com/microsoft/Web-…

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with Pratham

Pratham Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @Prathkum

Pratham Profile picture
28 Jun
Introduction to React and React Hooks β†ͺ️

React is a JavaScript library for building UI components. And Hooks are the heart of any React app. Let's talk about them.

πŸ§΅πŸ‘‡πŸ»
Why React?

1. Reusable components
2. Fast due to virtual DOM
3. Huge ecosystem

{ 2 / 23 }
A typical React app contains many components. They are reusable and can interact with each other.

What is a component?
- Component is a simple function that you can call with some input and they render some output

{ 3 / 23 }
Read 24 tweets
Pratham Profile picture
25 Jun
Next 27 tweets are the Complete Introduction to CSS Grid Layouts including everything

πŸ§΅πŸ‘‡πŸ»
Grid is used for making complex web design layouts more easily as it's not so hard to master

Using Flex you can make only 1D layout but Grid gives you the full power of creating a 2D layout

Let's start

{ 02 / 28 }
First things first, start with giving the display property "grid" to the container element or parent element.

{ 03 / 28 }
Read 28 tweets
Pratham Profile picture
25 Jun
Cool things you can do with CSS only

🧡 πŸ‘‡πŸ»
Text portrait

πŸ”— codepen.io/prathkum/pen/x…
Texture portrait

πŸ”— codesandbox.io/s/texture-port…
Read 5 tweets
Pratham Profile picture
23 Jun
I have created enormous handmade notes for Web development beginners.

Here are some of my handmade JavaScript and CSS notes/cheat sheets that can help you 🧡 πŸ‘‡πŸ»
0. Semantic HTML
2. CSS border-radius
Read 13 tweets
Pratham Profile picture
23 Jun
Let's talk about some CSS concepts that we rarely used but they will prove that CSS is so deep.

πŸ§΅πŸ‘‡πŸ»
1. Select grammatical errors

::grammar-error pseudo-element select a grammatically incorrect sentence. Although this feature has not been standardized yet.

πŸ”— developer.mozilla.org/en-US/docs/Web…
2. You can optimize the performance of your web page by adding one line of CSS

The `will-change` property

- will-change tells the browser that how an element is expected to change
- Increase the responsiveness
Read 7 tweets
Pratham Profile picture
23 Jun
I again brought 5 awesome GitHub repositories for beginners

πŸ§΅πŸ‘‡πŸ»
1. Project-based learning

A curated list of project-based tutorials covering JavaScript, Python and many other popular languages

πŸ”— github.com/tuvtran/projec…
2. Awesome Linux software

A list of awesome applications, software, tools, and other materials for Linux distros

πŸ”— github.com/luong-komorebi…
Read 6 tweets

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!

Like this author's thread?

Get emails when @Prathkum has new unrolls!

Check out other threads from @Prathkum!

Read all threads by @Prathkum

:(