Web Development CS JS Python JavaScript Hacking ReactJs Python django Flask CSS Frontend Backend Full Stack Java Node Pdf Books
3.99K subscribers
878 photos
11 videos
995 files
354 links
One place for the latest in JavaScript, Python, Django, React, and more. Get top-notch tutorials, tips, and downloadable resources. Join us to elevate your tech skills!
Download Telegram
If your goal is to be a Python expert in 2024, this thread is for you:
Here's what we will cover:

A 12-months roadmap
Some prerequisite activities
(described at the end of the thread)

➤ Month-1

Activity: Working with Data [1]
Effort: 2 hours daily w/ simple practice

✧ Boolean
❯ bool
✧ Number
❯ int
❯ float
❯ complex
✧ String
❯ str
✧ Bytes
❯ bytes
❯ bytearray
❯ memoryview

➤ Month-2

Activity: Working on Logic
Effort: 2 hours daily w/ simple practice

✧ Operators
❯ Arithmetic
❯ Assignment
❯ Comparison
❯ Logical
❯ Precedence
❯ Associativity
✧ Conditionals
❯ If
❯ Else
❯ Elif
✧ Loops
❯ while
❯ for

➤ Month-3

Activity: Modularize your Code
Effort: 2 hours daily w/ simple practice

✧ Function
❯ Definition
❯ Arguments
❯ Positional
❯ Keyword
❯ Return
❯ Execution
✧ Module
❯ Define
❯ Import
✧ Scope and Namespace


➤ Month-4

Activity: Working with Data [2]
Effort: 2 hours daily w/ simple practice

✧ list
✧ tuple
✧ set
✧ frozenset
✧ dict

➤ Month-5

Activity: Working with Data [3]
Effort: 2 hours daily w/ simple practice

Learn about these modules
✧ datetime
✧ csv
✧ json
✧ logging
✧ re
✧ os

In addition,
❯ Files
❯ String Formatting
❯ Named Tuples
➤ Month-6

Activity: Exam Time
Effort: 2 hours daily w/ rigorous practice

⬘ Build at least 5 simple projects (Example: Scientific Calculator, File Manager, etc.)

⬙ Revise previous topics.


➤ Month-7

Activity: Deep-dive Python Concepts
Effort: 2 hours daily w/ simple practice

✧ Iterators
✧ Generators
✧ Closure
✧ Decorators
✧ Exception Handling


➤ Month-8

Activity: Object Oriented Programming
Effort: 2 hours daily w/ simple practice

✧ Class
✧ Variable
✧ Method
❯ Static Method
❯ Magic Method
✧ Overloading
✧ Inheritance
✧ Property Decorators

➤ Month-9

Activity: Exam Time
Effort: 2 hours daily w/ rigorous practice

⬘ Build at least 3 projects using OO feature (Examples: FIFA World Cup, COVID Tracker, etc.)

⬙ Revise all previous topics.


➤ Month-10

Activity: Take it to next level [1]
Effort: 2 hours daily w/ simple practice

✧ Jupyter Notebook
✧ Spyder

✧ pip
✧ anaconda
➤ Last 2 months

Activity: Take it to next level [2]
Effort: 2 hours daily

✧ numpy
✧ pandas
✧ matplotlib
✧ scipy

P.S: Practice while learning
➤ Prerequisite: Know the History

Before start learning a language, read about its history.

❯ Why and how did it come into existence?
❯ How does it evolve over time?
❯ What are its alternatives?
❯ Where is it going to be a show-stopper?


➤ Prerequisite: Know the Ecosystem

❯ Which version you should be using?
❯ How to update to newer versions?
❯ Where would you write a program?
❯ How would you run a program?
❯ What additional software do you need?
❯ How would you include third-party libraries?


➤ Prerequisite: OS Challenge

Although the majority of languages strive to be similar across all operating systems, some dependencies may exist.

❯ Which installation package to download?
❯ How to install it?
❯ What are the different commands available?


🏁 Final Words

⬘ Though I have time bound it, you should try to cover everything based on your suitability.

⬗ Spend at least two hours per day learning and practicing.

⬙ With a proper structure and goal, it's never hard to learn Python.
Special :

Hard skills get you hired, but soft skills get you promoted.

9 soft skills to fast-track your career:
👍1
CSS Tip 💡

You can change the color of the text cursor of input or textarea elements, to match your web page color scheme, using the caret-color property.
Accessibility is a must for web developers.

📏 Line Height:
Aim for 1.5 to 1.8 for comfortable reading

📏 Contrast Ratio:
Ensure at least 4.5:1 for text visibility

📏 White Space:
Allow ample padding and margins for breathing room.

📏 Responsive Images:
Optimize for different screen sizes

📏 Color Scheme:
Use accessible color combinations for all users

📏 User Experience:
Prioritize smooth font rendering for better engagement.

Use Google Lighthouse regularly.
👍1
New Tags added in HTML 5:

<article>
<aside>
<audio>
<canvas>
<command>
<datagrid>
<datalist>
<details>
<dialog>
<embed>
<figcaption>
<figure>
<footer>
<header>
<hgroup>
<keygen>
<mark>
<nav>
<output>
<progress>
<rp>
<rt>
<ruby>
<selection>
<source>
<summary>
<time>
<video>
<wbr>
4
If you struggle with understanding "Git/Github",
You need to read this:

Github is basically Google Docs for programming code.

There's this very popular piece of software out there called Git ( not GITHUB just Git).
You can install it in your computer for free.

What it primarily does is it allows you to take a snapshot of what an entire folder of files looks like ( a "commit")
and save the snapshot to a timeline (the "history").

You can then jump to any parts of the history to roll back that entire folder to what it looked like at the time of the snapshot ( you can "checkout" any commit in the history).

It is very handy for a lot of things, but it is primary designed to be used to store source code for software projects.

Git's other key feature is it allows you to sync your commit history with other people who also installed Git.

You could download ("pull") all of the commits I've made in my history to somewhere on your computer ( a repository) and have access to all my changes.

Likewise I could do the same to your copy of the repository.
This allow us to share edits of the same project together at the same time.

The general way most people use Git in a team these days is to have a single designated computer with Git installed that acts as the "main" copy of the history ( a "central repository").

Github is a website that runs Git under the hood, and wraps it into a pretty graphical UI that lets you explore the repository contents and perform actions through their website.
👍1🔥1
HTML Tip 💡

You can use the "poster" attribute with the <video> element to display an image until the user plays the video.
2
Top Indian Tech YouTubers:

❯ take U forward (Striver) ➟ DSA
❯ Abdul Bari ➟ DSA, Programming
❯ CodeWithHarry ➟ JavaScript, Python, C++, SQL
❯ Telusko ➟ Java
❯ kudvenkat ➟ C#
❯ Akshay Saini ➟ JavaScript
❯ tapaScript ➟ React, JavaScript
❯ Hitesh Choudhary ➟ React, React Native, TypeScript
❯ Jenny's Lectures CS IT ➟ DSA, Comp Sc.
❯ Kunal Kushwaha ➟ Open Source, DSA
❯ Chandoo ➟ Excel, PowerBI
❯ Krish Naik ➟ Data Science, ML
🔥1
Format dates with translations in JavaScript!
Without dependencies and in 2 lines of code:
👍1