You're a frontend engineer.

Your boss asked you this:

"For our project, should we use client-side or server-side rendering?"

Here's how to answer:

First of all, what does 'client' and 'server' mean? 👀

For 'Server', it obviously refers to the backend server that runs your code.

For 'Client', in web development context, we're usually talking about browser like Chrome or Safari.

So, what are client-side rendering (CSR) and server-side rendering (SSR)?

1️⃣ CSR means the rendering is managed by the JavaScript engine, in your browser.

2️⃣ SSR, means all dynamic elements are rendered on the server, and plain HTML contents are delivered to the client.


When deciding between CSR and SSR, you can think about:

Thin server vs. thin client (where should the code run?)
SSR is better for SEO (do you need SEO for your project?)

And there's also a technique called 'Rehydration' (CSR+SSR).

It converts client-side JavaScript into a static HTML web page, delivered either through static hosting or server-side rendering, by attaching event handlers to the HTML elements.

Bonus:

For rendering, generators and template engines, here's some go-to libraries:

• React ➡️ NextJs, GatsbyJs
• Vue ➡️ NuxtJs, Gridsome

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.