Tweet

Pratham

9 May, 6 tweets, 3 min read

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

🧵👇🏻

@designcoursecom

HTML and CSS

- A great way to arouse your web dev journey with Gary's (@designcoursecom) course on YouTube

🔗

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.

🔗

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

🔗 udemy.com/course/git-exp…

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

🔗 egghead.io/courses/the-be…

Node.js and Express

- Latest freecodecamp course on YouTube covering node, express and Rest API and finally a project using MERN stack

🔗

• • •

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

This Thread may be Removed Anytime!

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

More from @Prathkum

Pratham

@Prathkum

11 May

Step by step guide to create this drop using CSS 💧 🧵

This drop looks tough to create but trust me its super easy and fun.

The heart of this art is border-radius and box-shadow properties. If sounds good, continue reading.... 👇🏻

First thing first, we need to create a distorted shape so that it will looks like a drop.
We can create this shape using border-radius property only.

Here's a tool if you find some difficulty making this drop shape

🔗 9elements.github.io/fancy-border-r…

Read 12 tweets

Pratham

@Prathkum

11 May

5 Beginner Friendly GitHub Repositories for Every Web Development Beginner

🧵👇🏻

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 6 tweets

Pratham

@Prathkum

10 May

Algorithms and data structures are always the most complicated and confusing parts of programming

But DS and Algo are important and can reduce your efforts and help you solve the problem in a quick and efficient manner

Some great visualizers will solve all your doubts 🧵👇🏻

1️⃣ cs.usfca.edu/~galles/visual…

- Learn DSA and visualize some complex programs. Definitely check it out.

2️⃣ clementmihailescu.github.io/Pathfinding-Vi…

- Dedicated to graph DS

Read 6 tweets

Pratham

@Prathkum

9 May

6 beginner friendly websites that will boost your HTML and CSS learning process 🚀

🧵👇🏻

1️⃣ Learn HTML

- The easiest way to learn HTML & CSS. Learn HTML provides an interactive tutorial that explains how to build HTML & CSS websites step by step.

🔗 learn-html.org

2️⃣ HTML best practice

- A very well written document on HTML best practice

🔗 hail2u.github.io/html-best-prac…

Read 7 tweets

Pratham

@Prathkum

8 May

Complete introduction of CSS media queries for beginners

Thread 🧵

The biggest misconception among beginners are they think that media queries are for making a website responsive.

Though that's the one use case of media queries. You can use them modifying your site according to device media type. Let's see this in bit more details

Media types describe the general category of a device.

They are useful when you want to modify your site or app depending on a device's general type (such as print vs. screen) or specific characteristics and parameters (such as screen resolution or browser viewport width).

Read 14 tweets

Pratham

@Prathkum

7 May

11 great websites a programmer should visit

Thread 🧵👇🏻

Can I use?

- A website that provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

🔗 caniuse.com

Web Skills

Websites for all kind of learning resources for web developers

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

🔗 andreasbm.github.io/web-skills/

Read 12 tweets

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!