As a beginner in web development, it’s ok

- to take breaks
- to not master CSS
- to have errors
- to not master JS
- to visit StackOverflow
- to copy code
- to not contribute to open source

What is expected of you as a beginner is to be able to grasp the concept of coding

Which is your Favourite Package manager?

- NPM 📦
- Yarn 🧶
- PNPM ⚙️

Web Developer Skill Set:

Front-End Development:
> HTML
> CSS
> JavaScript
> React, Angular, Vue.js

Back-End Development:
> Node.js
> Express.js
>Django (Python)
> Ruby on Rails

Databases:
> SQL (MySQL, PostgreSQL)
> NoSQL (MongoDB, Firebase)

Version Control:
> Git
> GitHub/GitLab/Bitbucket

Web APIs:
> RESTful APIs
> GraphQL

Web Performance:
> Optimization
> Caching
> CDNs

Package Managers/ Bundler:
> NPM
> Webpack
> Vite

Hosting and Deployment:
> Heroku
> Netlify
>AWS, Azure

Styling:
>SASS/SCSS
>Bootstrap
>Tailwind CSS

Solve This !

His love to X.

Which type of developer are you? 👨‍💻👩‍💻

🔸Framework:
=nextjs

🔸Styling:
=tailwindcss
+
=shadcn

🔸DB:
=PlanetScale
or
=supabase

🔸Auth: NextAuth
🔸Forms:
=HookForm

🔸Charts:
=tremorlabs

🔸Payments:
=stripe

🔸Deployment:
=vercel

JavaScript Concepts You MUST Know Before Learning React:👇

- arrow function
- array methods
- normal functions
- spread operators
- function expressions
- default imports
- handling events
- lexical scoping
- String Methods
- named imports
- async await
- destructuring
- map
- filter
- reduce
- loops
- promises
- callbacks
- variables
- scopes
- working with objects
- asynchronous JS

20+ Chrome Extensions in today's video below 👇

Chrome extensions are small software programs that can be installed on the Chrome web browser to enhance its functionality.

These extensions can add new features, improve productivity, block ads, modify the appearance of web pages, and much more. They can be downloaded and installed from the Chrome Web Store, and once installed, they can be accessed and managed through the Chrome browser settings. There are thousands of Chrome extensions available, ranging from simple tools to complex applications. Users can choose the extensions that best suit their needs and customize their browsing experience accordingly.

in This Video
merlin ai assistant

Grammerly

ip address and domain info

Go full page

Take a screenshot``

window resizor

Google translate

similar web

save to notion

Go fucking work

select Text`

Screenly

Google dictionary

nutab

draw on page

One tab

Read aloud

network information

dark reader

Extension Manager

https://youtu.be/hBBQB3kDyKM

As a web developer, use ChatGPT for:

- Generate code snippets
- Write documentation
- Search for bugs in the code
- Generate database structures
- Generate DB migrations
- Write code tests
- Refactor code
- Get inspiration for new features.
- Explain complex algorithms
- Automate repetitive tasks
- Fix syntax errors
- Convert code between languages
- Suggest naming conventions
- Detect security vulnerabilities
- Identify performance bottlenecks
- Recommend frameworks and libraries
- Prototype new ideas quickly
- Create diagrams and visualizations
- Generate boilerplate code
- Improve accessibility

Bro, Stand Up!.... Code , Code , Code!

Solve and Increase your dopamine.

Solve!...

what is the output ?

Popular Frontend Technologies in 2023:

. Libraries | Frameworks
——————————————
React JS | Next JS
Vue JS | Angular
Preact | Nuxt JS
JQuery | Svelte

Add Your Favourite👇🏻:

16 FREE Colors resources ✅

🎨colorion .co
🎨coolors .co
🎨colorhunt .co
🎨huemint .com
🎨0to255 .com
🎨mycolor .space
🎨happyhues .co
🎨khroma .co
🎨coolors .co
🎨paletton .com
🎨colorkit .co
🎨canva .com
🎨colors.muz .li
🎨flatuicolors .com
🎨color.adobe .com
🎨toptal .com

where can you send your digital product

0. Gumroad
1. PayHip
2. Etsy
3. Sellfy
4. LemonSqueezy
5. Convertkit
6. Creative Market
7. SendOwl

Everyone has to do.

1. Math

2. Coding

why ?..... i will write about it.

stay tuned

Valuable investments a developer should make (if pocket allows):

• Fast laptop/MacBook
• Proper desk
• High-speed internet
• Good mic and headphones
• Ergonomic Chair
• Mechanical keyboard
• Big water bottle
• Whiteboard, markers
• Computer glasses

What else?

📘Styling Content CSS you need to know:

🖼Image
📹Video
🔘Buttons
✍️Typography
🗒Lists
🔗Links
🍴Tables
📒Forms