Pratham's Threads | Buzz Chronicles

$Pratham \U0001f468\u200d\U0001f4bb\U0001f680$

Some amazing templates👇

📌 html5up .net
• Free fully responsive HTML5 template

📌 bootswatch .com
• Free themes for Bootstrap

📌 html5boilerplate .com
• The web’s most popular front-end template

Pratham
@Prathkum

These 13 web development code snippet websites can save you a lot of time

A thread 🧵

1️⃣ W3 Schools How to

- Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS and JavaScript

🔗 https://t.co/3L5QPpDLjK

2️⃣ Code My UI

- Handpicked collection of Web Design & UI Inspiration with Code Snippets.

🔗 https://t.co/Ky6Dcrjcdb

3️⃣ Creatives Feed

- CreativesFeed works to share the best free code snippets and web development resources online.

🔗 https://t.co/EYJX4KPr5Y

4️⃣ CSS Deck

- Collection of Awesome CSS and JS Creations to help out frontend developers and designers.

🔗 https://t.co/mbBflUSDl5

Pratham
@Prathkum

65 JavaScript resources that can help you

Mega Thread 🧵 👇🏻

🔹 Websites

1. Java5cript
https://t.co/2gdB6LdfQ8

2. JavaScript Tutorial
https://t.co/YyH7YEZtOL

3. JavaScript 30
https://t.co/X2e6T9qFW5

4. JavaScript Info
https://t.co/GLcMZmyfC9

5. JavaScript by

🔹 Learn through visualizing

6. JS Visualizer
https://t.co/DKXfCA5bnv

7. UI dev visualizer
https://t.co/IsnNdAGANq

8. JS

🔹 Documents

9. MDN
https://t.co/XkMlZQOF0h

10. W3 Schools
https://t.co/aJB14ha9KT

11. DevDocs
https://t.co/sVwCCrYKwA

12. JavaScript Info
https://t.co/VJaTfVOIa8

13. JavaScript

🔹 GitHub repo

14. Modern JavaScript tutorials
https://t.co/vDgTJKbz74

15. Awesome JS Learning
https://t.co/CUCBjfJEcY

16. JS by example
https://t.co/VLT6dRwLSp

17. 33 JS concepts
https://t.co/F5KDOSaACD

18. 30 seconds of

Pratham
@Prathkum

Learn Data Structure and Algorithms for free:

1. https://t.co/b8YeMXWcLF
2. https://t.co/TKkxPKj0Hk
3. https://t.co/WJBl9XU8D9
4. https://t.co/KKEmamdkOI
5.

Pratham
@Prathkum

If you know CSS then do not write CSS code, use these free generators instead that can help you tremendously

A Thread 🧵

1️⃣ Gradient Animator

- A CSS generator to create beautiful animated gradients 🎨

🔗 https://t.co/GKRPfrD6yd

2️⃣ CSS Accordion Slider Generator

- Create fully responsive, css only accordion sliders

🔗 https://t.co/21qE0deNaS

3️⃣ Image carousel

- Create your responsive image slider in few seconds

🔗 https://t.co/521ml0qXbs

4️⃣ Mesh Gradients

- Create beautiful gradient like aurora UI in few clicks

🔗 https://t.co/VKQusD6JcM

$Pratham \U0001f468\u200d\U0001f4bb\U0001f680$

Pratham 👨‍💻🚀...
@Prathkum

Dou you want to learn web development but don't have much money to spend on a course?

Don't worry, there are many great YouTubers who are spreading knowledge for free

THREAD🧵

https://t.co/sTbMZpwniq

https://t.co/u9JfUTYTYT

https://t.co/cL5pRKX5fD

https://t.co/tFcRXGlCUC

Pratham
@Prathkum

Six tools that will change the way your write code: 🧵

1️⃣ HarperDB

Deciding between SQL and NoSQL? Use HarperDB as it provides you the functionality of both.

Access data using API endpoint.

🔗 https://t.co/qf5CalexfA

2️⃣ Visual Go

Visualizing data structures and algorithms

🔗 https://t.co/b8YeMYdOaf

3️⃣ Extends Class

Syntax validators, code formatter, testers, HTTP clients, mock server, and much more.

🔗 https://t.co/GlKjoBnzqg

4️⃣ Codeshare

Share Code in Real-time with Developers. An online editor for teaching and interviewing.

🔗 https://t.co/2m1Ne3KJRK

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.

🔗

Pratham
@Prathkum

Top 5 free APIs for web developers

🧵👇

1️⃣ Custom Search API

- Create your own custom search engine. You can search for image, videos, and news.

🔗 https://t.co/nTvv3c3W06

2️⃣ Movie Database API

- Access movie and TV information similar to that of IMDB.

🔗

3️⃣ Dad Jokes API

- Get random endless dad jokes

🔗

4️⃣ COVID-19 Data API

- Every 15 minutes updated statistic about Coronavirus. Latest stats by country, are collected from several reliable sources.

🔗

Pratham
@Prathkum

Use these 6 AI websites to finish hours of work in minutes (take a look):

1. Sheet+

Become a spreadsheet master with Sheet+ AI-powered tools.

• Convert text to formula
• Convert formula to explanation
• Debug formulas
• Generate VBA code
• Get instant answers to any spreadsheet question

🔗 https://t.co/fWsAeKa6ko

2. DeepCode

DeepCode's AI-based code review notifies you about critical bugs in real time and shows you how to fix them.

🔗 https://t.co/dPTPq9syoy

3. Akkio

Grow your business with data-driven decisions.

Go from data to AI in 10 minutes — no code or data science skills required.

🔗 https://t.co/I29FIHDIs0

4. Autocode

Instant endpoints for webhooks, bots, and APIs.

Build and host Node.js endpoints in seconds.

Connect to your favorite APIs like Airtable, Discord, Notion, Slack, Webflow, and more.

🔗 https://t.co/uQZB0NCHJT

Pratham
@Prathkum

Five great icons websites for every web developer and designer ⏺️

A Thread 🧵👇🏻

1️⃣ Icons 8

- Icons8 is just more than icons. You can download illustrations, vector images, music and much more

🖇️ https://t.co/inHse0QXBh

2️⃣ Icon Monstr

- Black and white themed minimal icons which looks super great. You can also cuatomize the thickness

🖇️ https://t.co/dbQrJi0IHf

3️⃣ Icon Icons

- Over one thousand free icons which you can download as icons or images

🖇️ https://t.co/h5NlH5fGGr

4️⃣ Icons finder

Filter through the world’s largest marketplace for icons with flexibility and ease. Made up by submissions from top designers around the world, and curated by the team

🖇️ https://t.co/sqiZ6H9sR7

Pratham
@Prathkum

JavaScript is powerful.

But sometimes, you can do great things using CSS.

A long thread of CSS tips and tricks:

1. Smooth

CSS Tip\U0001f4a1

Enable smooth scrolling for the whole page\U0001f447 pic.twitter.com/E7QERt6V3Y
— Pratham (@Prathkum) February 11, 2021

2. Change marker styling

3. Add styling to video

CSS Pro Tip \U0001f3a8

You can style the subtitles of video on your website using ::cue pseudo-element pic.twitter.com/fV56PmxkX7
— Pratham (@Prathkum) April 11, 2021

4. Change input caret

CSS tip\U0001f3a8

You can change the input caret color using CSS\U0001f447

\u27b8 The\xa0caret\xa0is typically a thin vertical line that flashes to help the text area more noticeable pic.twitter.com/VA0paD7d2a
— Pratham (@Prathkum) February 23, 2021

Pratham
@Prathkum

My 8 handmade sketch notes you won't want to miss (learn web development for free):

1. What is semantic HTML

2. CSS Positioning

3. CSS Box-model

4. JavaScript Array Methods

Pratham
@Prathkum

Use these 5 websites to learn web development for free in 2023 (take a look):

1. Codedamn

All-in-one platform for learning web development:

• Hands-on practice and projects bundled
• Video content along with interactive labs, quizzes, and articles
• Every course comes with a certificate
• code brushes AI in playgrounds

🔗 https://t.co/mXmUtJZnOU

2. Codepip

Codepip is the platform for your favorite web development games. Gain an edge in your following interview or project.

🔗 https://t.co/MjHNsLvkiL

3. RapidAPI Comics

Learn API development with RapidAPI Comics (sketch notes and fun analogies).

🔗 https://t.co/KONorFomgu

4. JS Visualizer 9000

Learn JavaScript by visualizing your code.

🔗 https://t.co/9NId4GjGAq

Pratham
@Prathkum

12 websites that will help you learn web development faster (completely 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

$Pratham \U0001f468\u200d\U0001f4bb\U0001f680$

Pratham 👨‍💻🚀...
@Prathkum

6 GitHub repositories that can help you as a developer

🧵 👇🏻

📌 Art of Command Line

Learning command line interface is always beneficial for developer. In this repo you'll find different section for Linux, windows and MAC commands

https://t.co/uF2RlcUIxb

📌 Front-end Developers Bookmarks

A huge collection of resources for frontend web developers including appearance, architecture, compatibility etc

https://t.co/1G1q7mmC0t

📌 CSS Pro Tip

As the repo name suggests, In this repo you'll find a lot of tips and tricks that can help you to become a CSS pro

https://t.co/5haB2xTWuz

📌 Awesome Interview Questions

In this repo you'll find a huge list of interviews questions divided in the various section in according to the language, frameworks and libraries

https://t.co/iXNMTENv46

$Pratham \U0001f468\u200d\U0001f4bb\U0001f680$

Pratham 👨‍💻🚀...
@Prathkum

50 resources for learning JavaScript in 2021👇

Thread🧵

In this tweet you will find resources in various form

- Documentation
- Courses
- Websites
- YouTube Videos
- Books
- GitHub Repos
- Interactive learning
- Projects

📌 DOCUMENTATION

1. MDN
https://t.co/XkMlZQOF0h

2. W3 Schools
https://t.co/eUYCudNHc8

3. DevDocs
https://t.co/sVwCCrYKwA

4. JavaScript Info
https://t.co/GLcMZmyfC9

5. JavaScript

📌 COURSES

6. Code Academy
https://t.co/cvQ6YhUTi1

7. Udemy
https://t.co/5HhRs4nCcJ

8. Coursera
https://t.co/JBpYAC02pT

9. Plural Sight
https://t.co/oBJ2K7kYni

10.

📌 WEBSITES

11. Geeks For Geeks
https://t.co/KSZIFLQInp

12. Java Point
https://t.co/M9IzGpeRs0

13. Tutorial Points
https://t.co/WE10KtxVd7

14. The Odin Project
https://t.co/aikkB3sJ0H

15. Learn JS

Pratham
@Prathkum

7 GitHub repositories will make you a standout developer from 99% of people:

1. Memphis

An open-source real-time data processing platform.

• Message broker
• Schema Management
• Zero ops
• Cloud-native
• Rapid development
• Significantly lower development time

🔗 https://t.co/w5L2aCM3do

2. The art of command line

Master the command line, in one page.

🔗 https://t.co/uF2RlcUIxb

3. Public APIs

A collective list of free APIs for use in software and web development

🔗 https://t.co/vDRQKBf15V

4. Hover

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.

🔗 https://t.co/bIGEEPcMkJ

$Pratham \U0001f468\u200d\U0001f4bb\U0001f680$

Pratham 👨‍💻🚀...
@Prathkum

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

Now you're all set to write code and create beautiful websites

A typical website can be divide into three phases

- HTML 🧱
- CSS 🎨
- JavaScript ⚙️

Authors Pratham