SortedCoding
1.2K subscribers
185 photos
38 videos
194 files
140 links
Learn to code with clarity and precision
Download Telegram
๐—™๐—ฟ๐—ฒ๐—ฒ ๐—ฝ๐—น๐—ฎ๐˜๐—ณ๐—ผ๐—ฟ๐—บ๐˜€ ๐˜๐—ผ ๐—ต๐—ผ๐˜€๐˜ ๐˜†๐—ผ๐˜‚๐—ฟ ๐˜„๐—ฒ๐—ฏ ๐—ฝ๐—ฟ๐—ผ๐—ท๐—ฒ๐—ฐ๐˜:

๐Ÿˆโ€โฌ› Github Pages
๐Ÿ”บ Vercel
0๏ธโƒฃ 000WebHost
๐ŸŒ Netlify
โซ Koyeb
โ˜๏ธ Google Cloud Hosting
โ›บ Firebase
โ™พ InfinityFree
โ˜๏ธ Azure Static Apps
๐Ÿ…ฐ๏ธ AwardSpace
๐ŸฆŠ GitLab Pages
๐Ÿ…ฑ๏ธ ByetHost
๐Ÿš€ HyperPHP
๐Ÿ†“ Freehostia
๐Ÿ•Š๏ธ FreeHosting
๐Ÿ‘1๐Ÿ”ฅ1
This media is not supported in your browser
VIEW IN TELEGRAM
Free background remover app ๐Ÿ˜‰
๐Ÿ‘3
Thank you so much for helping us reach 5,000 subscribers! โค๏ธ๐Ÿคž
๐ŸŽ‰1
๐Ÿ‘1
Here are 20 essential VS Code shortcuts for beginners:

1. Ctrl + P: Open any file quickly ๐Ÿ“‚

2. Ctrl + /: Toggle line comment ๐Ÿ“

3. Alt + Up/Down: Move a line up or down โ†•๏ธ

4. Ctrl + Shift + K: Delete the current line โŒ

5. Ctrl + B: Show/hide the sidebar ๐Ÿ“š

6. Ctrl + Space: Trigger IntelliSense for code suggestions ๐Ÿ’ก

7. Ctrl + Shift + F: Search across files ๐Ÿ”

8. Ctrl + D: Select the next occurrence of the selected text ๐Ÿ“‘

9. Ctrl + Shift + L: Select all occurrences of the current selection ๐Ÿ”—

10. Ctrl + Shift + P: Open the Command Palette ๐Ÿ“œ

11. Ctrl + F2: Rename all occurrences of a variable โœ๏ธ

12. Ctrl + J: Show/hide the integrated terminal ๐Ÿ’ป

13. Ctrl + `: Open a new terminal ๐Ÿ”ง

14. Ctrl + Shift + N: Open a new window ๐Ÿ–ผ๏ธ

15. Ctrl + W: Close the current editor tab ๐Ÿ—‚๏ธ

16. Ctrl + Shift + E: Focus on the file explorer ๐Ÿ—ƒ๏ธ

17. Ctrl + Shift + G: Open the Git view ๐Ÿ”„

18. Ctrl + Shift + M: Open the Problems panel ๐Ÿšจ

19. Alt + Shift + Up/Down: Copy the line up or down ๐Ÿ“‹

20. Ctrl + Alt + Arrow keys: Split the editor window โœ‚๏ธ


Master these and level up your coding speed! ๐Ÿš€
โค2๐Ÿ‘1
โŒจ๏ธ :is() vs :where() in CSS!!

Both are helpful for simplifying and organizing CSS, but the choice between them depends on how you want to manage specificity.
5 Steps to Learn Front-End Development๐Ÿš€

Step 1: Basics
    โ€” Internet
    โ€” HTTP
    โ€” Browser
    โ€” Domain & Hosting

Step 2: HTML
    โ€” Basic Tags
    โ€” Semantic HTML
    โ€” Forms & Table

Step 3: CSS
    โ€” Basics
    โ€” CSS Selectors
    โ€” Creating Layouts
    โ€” Flexbox
    โ€” Grid
    โ€” Position - Relative & Absolute
    โ€” Box Model
    โ€” Responsive Web Design
 
Step 3: JavaScript
    โ€” Basics Syntax
    โ€” Loops
    โ€” Functions
    โ€” Data Types & Object
    โ€” DOM selectors
    โ€” DOM Manipulation
    โ€” JS Module - Export & Import
    โ€” Spread & Rest Operator
    โ€” Asynchronous JavaScript
    โ€” Fetching API
    โ€” Event Loop
    โ€” Prototype
    โ€” ES6 Features

Step 4: Git and GitHub
    โ€” Basics
    โ€” Fork
    โ€” Repository
    โ€” Pull Repo
    โ€” Push Repo
    โ€” Locally Work With Git

Step 5: React
    โ€” Components & JSX
    โ€” List & Keys
    โ€” Props & State
    โ€” Events
    โ€” useState Hook
    โ€” CSS Module
    โ€” React Router
    โ€” Tailwind CSS
๐Ÿ‘2
Top 10 Web Development Technologies ๐ŸŒ

1. ๐ŸŸจ JavaScript โ€” 98% usage

2. ๐Ÿ”ต TypeScript โ€” 78% adoption

3. ๐ŸŸข Node.js โ€” 75% backend choice

4. โš›๏ธ React โ€” 70% frontend framework

5. ๐Ÿ…ฐ๏ธ Angular โ€” 55% enterprise use

6. ๐Ÿ’š Vue.js โ€” 49% growing popularity

7. ๐Ÿ Python โ€” 48% for full-stack

8. ๐Ÿ’Ž Ruby on Rails โ€” 45% rapid development

9. ๐Ÿ˜ PHP โ€” 43% widespread use

10. โ˜• Java โ€” 40% enterprise solutions
๐Ÿ‘2โค1
120+ Python Projects with source codes๐Ÿ‘‡๐Ÿ‘‡

https://drive.google.com/drive/folders/1TvjOQx_XfxARi8qNtDwpZNwmcor5lJW_?usp=share_link

๐Ÿ‘†๐Ÿป๐Ÿ‘†๐Ÿป๐Ÿ‘†๐Ÿป๐Ÿ‘†๐Ÿป๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ‘†๐Ÿป๐Ÿ‘†๐Ÿป๐Ÿ‘†๐Ÿป


If you are able to access it please react with ๐Ÿš€


For more content like this react โ™ฅ๏ธ on the Post โœ”๏ธ
๐Ÿ’  Portfolio Landing Page
A quick pro-tip, by the way ๐Ÿ˜

:is() is so powerful in CSS ๐Ÿ”ฅ
โค2