Make sure you are using HTML 5 semantic elements in your markup

Pdf on private group

https://t.me/+eweUkdFwlho4YjRl

What will be the output of the following JavaScript code?

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.

2250 congratulations 🎊 👏 💐 🥳

Special :

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

9 soft skills to fast-track your career:

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.

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>