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