Pratham Profile picture
12 Jul, 7 tweets, 3 min read
6 beginner friendly websites to learn and improve your JavaScript knowledge

πŸ§΅πŸ‘‡πŸ»
1. JavaScript Tutorial

- This JavaScript Tutorial helps you learn the JavaScript programming language from scratch quickly and effectively.

πŸ”— javascripttutorial.net
2. Learn JavaScript

- Interactive JavaScript tutorial.

πŸ”— learn-js.org/en/
3. JS visualizer

Visualize JavaScript code and build a strong hold on the concepts

πŸ”— jsv9000.app
4. JavaScript Info

- The Modern JavaScript Tutorial

πŸ”— javascript.info
5. Java5cript

Here you will find a huge list of learning resources in the form of

- Books
- Websites
- Courses
- Videos
- Interview
- Code challenges

πŸ”— java5cript.com
6. JavaScript algorithms

- Algorithms and data structures implemented in JavaScript with explanations and links to further readings

πŸ”— github.com/trekhleb/javas…

β€’ β€’ β€’

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

13 Jul
Have you found the "z-index" a confusing concept of CSS?

Don't worry, the next 6 tweets will solve all of your doubts.

πŸ§΅πŸ‘‡πŸ» Image
z-index is a CSS property that controls the stacking order of elements along the z-axis.

Image a hypothetical line starting from your eye to screen, that is z-axis
Note that z-index only works on positioned elements.

You need to specify the position (relative, absolute, sticky, fixed) if you want to arrange an element using z-index ImageImage
Read 8 tweets
8 Jul
CSS is an enormous module of web development but you don't need to learn everything in the beginning.

Let's try to figure out how much CSS will be enough to make beautiful websites

🧡 πŸ‘‡πŸ»
CSS is an amazing and unique language that servers a great purpose. We can make our website visually good using CSS. It describe the presentation of web pages, including typography,. layouts, color etc...
CSS is totally operates on properties value pair. And there are around ~300 distinct properties in CSS
Read 18 tweets
7 Jul
5 great websites a web developer should visit

Thread 🧡
1. Web Skills

Websites for all kinds of learning resources for web developers

- Fundamentals
- Accessibility
- Web components
- Progressive web apps
- Frameworks and libraries
- Testing
- Architecture and Paradigm
- UI and UX

πŸ”— andreasbm.github.io/web-skills/
2. Gitignore

A collection of useful .gitignore templates for your project. Select from 442 Operating System, IDE, and Programming Language

πŸ”— toptal.com/developers/git…
Read 6 tweets
5 Jul
Web Development is an enormous field that makes it difficult for many beginners.

Here I covered everything that will help you to start with almost zero efforts πŸ§΅πŸ‘‡πŸ»
Getting started with web development is little tricky and tedious. I personally faced some difficulties when I was first learning it.

But you don't have to worry. In this thread we will make the process easier
Three different languages you need to learn

HTML
CSS
JavaScript

You need to learn these 3 things in a chronological order
Read 26 tweets
1 Jul
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
Read 8 tweets
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

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!

:(