SortedCoding
1.2K subscribers
185 photos
38 videos
194 files
140 links
Learn to code with clarity and precision
Download Telegram
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