Tips And Tricks For Web Developers

Save your time and increase your productivity

What you'll learn

How to work productively with web development tools

Save your time

Increase your productivity

Powerful editing features

Code intelligence

Useful keyboard shortcuts

Requirements

Basic knowledge of web programming

Description

With "Tips and Tricks", you can get started right away and learn how to work productively with web development tools. You'll learn powerful editing features, code intelligence, and useful keyboard shortcuts.Did you know that your keyboard has emojis installed with all the common symbols?Did you know that the clipboard can manage many items and be shared between active devices?Did you know that Visual Studio Code's autocomplete for HTML isn't just IntelliSense, but a more advanced technology called Emmet?Did you know that you can use Google Maps to display a location on your screen without needing the Google Maps API Key?And you can embed a YouTube video on your website by using the embed option of YouTube Video ShareHave you ever used the "Developer: Reload Window" feature of Visual Studio Code?Have you ever thought about removing all conflicting changes from a working tree without having to go through all the conflicts with the Git Merge Tool?Have you ever used the SVG files as templates in Angular applications?You don't need any special libraries to have a CSS Grid and a CSS Flex Box in your application.Just set the value of the CSS property display to grid or flex and adjust the other related properties of the layout.This course goes pretty fast and provides a broad overview of great tips and tricks.

Overview

Section 1: Introduction

Lecture 1 Introduction

Section 2: Refresh the developer view

Lecture 2 Refresh the developer view

Section 3: Resolve a git merge conflict in favor of pulled changes

Lecture 3 Resolve a git merge conflict in favor of pulled changes

Section 4: Emmet

Lecture 4 Emmet

Section 5: Show the current file in Explorer

Lecture 5 Show the current file in Explorer

Section 6: Move a line up or down in Visual Studio Code

Lecture 6 Move a line up or down in Visual Studio Code

Section 7: Rename your application

Lecture 7 Rename your application

Section 8: Custom build script in the package.json

Lecture 8 Custom build script in the package.json

Section 9: SVG files as templates in Angular applications

Lecture 9 SVG files as templates in Angular applications

Section 10: Emoji are available by default in your OS keyboard

Lecture 10 Emoji are available by default in your OS keyboard

Section 11: Type all the symbols like a pro

Lecture 11 Type all the symbols like a pro

Section 12: Clipboard in Windows

Lecture 12 Clipboard in Windows

Section 13: GitHub pages

Lecture 13 GitHub pages

Section 14: Google maps

Lecture 14 Google maps

Section 15: YouTube

Lecture 15 YouTube

Section 16: CSS grid and flexbox

Lecture 16 CSS grid and flexbox

Section 17: CSS Media Queries

Lecture 17 CSS Media Queries

Web developers who want to save their time and increase their productivity