Training Process

VS CODE
GIT
 1.
Training Process

2
 Overview of Training Process

≻ Predefined Schedule and will be shared for every 2 weeks.

≻ Dependent tasks
≻ One Task per Single Day
≻ Always log time against the assigned ticket.
≻ Follow the Guidelines for “Delivery of Daily Tasks”
≻ Timings: 10:00 am to 7:00 pm

3
 Entities

Training Head Trainers Reviewers

Trainee

4
Trainee KRA

✓ Complete the daily tasks

✓ Create the PR at EOD
✓ Daily Status Email
✓ Weekly Feedback Form
✓ Log your time in the redmine

5
Reviewers KRA

✓ Assist you on your daily tasks

✓ Review your PR
✓ Fill your weekly review

6
 2
IDE (VS CODE)
`

7
 “
INTEGRATED DEVELOPMENT
ENVIRONMENT
A TOOL CONSISTS OF VARIOUS PROGRAMS TO DO
DIFFERENT THINGS e.g.
✓ Writing Code
✓ Terminal
✓ Version Control
✓ Code refactoring
and many more
8
 Features of IDE
✓ Integrated Terminal (Ctrl + `)
Provides integrated terminal to execute the commands from IDE, and prevents switching
between terminal and IDE.

✓ Version Control
Integrated GIT Support

✓ Workspace
Help us to manage related projects together, and prevent switching between projects.

✓ Refactoring (Ctrl + .)
Improve the quality and maintainability of your project by restructuring your code

9
 Features of IDE ( ...cont)
✓ Basic Editing
○ Multi Line Selection (Alt + Shift + Up / Down) ,
○ Multi selection (Ctrl + Shift + L),
○ Box selection (Alt + Shift + Mouse)
and so on.

✓ Customize
○ Customizing theme, controls, and many more

✓ Intellisense
○ Code editing features: Code Completion, Parameter info, Member List

✓ Code Navigations.
○ Easily switch between files

10
 Useful Plugins
Helps you to increase your productivity

11
 List of useful IDE plugins
✓ Auto Close Tag ✓ ESLint ✓ Path Intellisense
✓ Auto Import ✓ Git History ✓ Prettier - Code formatter
✓ Auto Rename Tag ✓ GitLens — Git supercharged ✓ React Standard Style code
✓ Bracket Pair Colorizer ✓ HTML CSS Support snippets
✓ Code Spell Checker ✓ HTML Snippets
✓ SVG Viewer
✓ Color Highlight ✓ Image preview
✓ Color Picker ✓ Import Cost ✓ Terminal
✓ Copy Relative Path ✓ indent-rainbow ✓ TSLint
✓ Create File & Folder : On The ✓ JavaScript (ES6) code snippets ✓ vscode-icons
Go ✓ JS Refactor ✓ DotEnv
✓ Docker ✓ Markdown Preview Enhanced ✓ EditorConfig for VS Code
✓ Document This

12
 3

Version control (GIT)

`

13
What is version control

✓ Maintains history of the

changes
✓ Revert to history on the fly
✓ Allow multiple user to work
together
✓ Troubleshoot

14
Remote VS Local Repository
`

`
`
15
FILE STATUS LIFE CYCLE
`

16
Branches
`

17
 Pull Request
`

18
 thanks!
Any questions?
You can find me at
anil.chauhan@successive.tech

19