VSCode shortcuts & extensions for Web developer

Focused View

Anisul Islam

2:16:41

35 View

1. VSCode shortcuts, Views and Emmets

1. Introduction.mp4

00:35

2. Visual studio code basics.mp4

12:28

3. Breadcrumb, minimap, zen mode.mp4

04:53

4. Navigation, Search, Replace.mp4

06:03

5. Emmets for HTML and CSS.mp4

06:56

2. General, HTML, CSS, JS, theme-based extensions

1. Live Server.mp4

03:40

2. Live Preview.mp4

01:11

3. vscode-pets.mp4

02:24

4. Prettier code formatter.mp4

01:28

5. Auto rename tag.mp4

01:31

6. HTML End tag labels.mp4

02:40

7. Indent Rainbow.mp4

01:40

8. CodeSnap (take beautiful scrrenshot).mp4

03:24

9. Image preview.mp4

02:09

10. GitHub theme.mp4

01:39

11. Material Icon theme.mp4

01:20

12. Better comments.mp4

03:15

13. Excalidraw.mp4

02:54

14. Liveshare.mp4

02:28

3. Extensions Mainly for HTML & CSS

1. Color Highlight.mp4

01:46

2. axe accessibility linter.mp4

01:55

3. HTML to CSS autocompletion.mp4

02:47

4. BEM helper.mp4

03:24

5. CSS Flexbox cheatsheet.mp4

02:13

6. CSS Navigation.mp4

02:22

4. Extensions for Javascript developers

1. Javascript (ES6) code snippets.mp4

03:42

2. DOM code snippets.mp4

02:44

3. Error Lens.mp4

02:07

4. Eslint.mp4

10:46

5. npm IntelliSense.mp4

02:13

6. Import cost.mp4

01:58

5. Extensions for API Testing

1. REST Client.mp4

07:21

2. Thunder Client.mp4

02:45

6. Extensions for Typescript and Markdown

1. JSON to TS.mp4

01:58

2. Pretty TypeScript Errors.mp4

01:48

3. Markdown preview enhanced.mp4

02:53

4. markdownlint.mp4

02:15

7. Extensions for Themes

1. Fluent icons.mp4

01:16

2. Andromeda.mp4

01:02

3. Cyberpunk.mp4

01:00

4. pro hacker theme.mp4

01:24

8. Extensions for React.js, Data Modelling and Git

1. ES7 ReactReduxGraphQLReact-Native snippets.mp4

01:50

2. ERD Editor.mp4

02:44

3. Code Spell Checker.mp4

02:14

4. DotEnv.mp4

01:52

5. Git graph.mp4

03:06

6. Thank You for watching my videos.mp4

00:38

Description

Mastering VSCode: Boost Your Web Development Productivity with Essential Shortcuts and Powerful Extensions

What You'll Learn?

Master essential VSCode keyboard shortcuts to streamline your coding process.
Implement and configure popular VSCode extensions like ESLint and Prettier to enforce coding standards and automate code formatting.
Explore and integrate productivity-enhancing extensions like Live Server for real-time preview, REST Client for API testing.
Customize the VSCode environment to suit your development style, including themes, icon sets, and workspace settings.

Who is this for?

Web designer / developer

What You Need to Know?

No programming skills is required here but some HTML,CSS,JS knowledge will help.

More details

Description
This course unlocks the full potential of Visual Studio Code (VSCode) and supercharges your web development workflow. It is designed for web developers of all levels and will guide you through the most effective shortcuts and must-have extensions to enhance your coding efficiency and productivity.

This course teaches you how to navigate VSCode like a pro, using shortcuts to streamline your coding process and reduce repetitive tasks. You will explore a variety of powerful extensions that will help you write cleaner code, debug more efficiently, and collaborate seamlessly with your team.

Whether you are a beginner looking to get started with VSCode or an experienced developer aiming to optimize your workflow, this course will provide the tools and techniques to elevate your coding experience. By the end of this course, you will have a solid understanding of leveraging VSCode's features to create high-quality web applications easily. In this course, I will discuss 41 Visual Studio code extensions that will save you time and make you productive and smart when coding.

Join me on this journey to master VSCode and take your web development skills to the next level. Enrol now and start coding smarter, not harder! It is now or never.
Who this course is for:
Web designer / developer

User Reviews

Rating

average 0

Total votes0

Focused display

I have taught millions online and offline for the last ten years. I am a passionate computer programming teacher. I have worked in a few software companies as well. I have worked as a software developer trainer. I have done my bachelor's in Computer Science and Engineering, and a master's in Software, Web and Cloud.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.