BaseApp BootCamp

Web Application Developer



Week 1 - Setup and Tools

The first week we will learn about setting up the work Envoirnment and setup various tools which will be used during your daily routine. You can either use Linux and Windows for Dvelopement
For linux we recommend Ubuntu 20.04 LTS
Windows use whatever is > Windows 7
Hardware
Please make sure to have a Full HD ( 1080p ) monitor
SSD as a storage setup
8GB + Ram
Console - Use it when possible
Console is your firend so get comfortable with console based tools , to get a console on Windows please install Git SCM , use its console. Please learn to use the following commands

cd

ls

grep - Regex searching , recursive searching , listing files , piping seached files

head and tail

vim - Command mode and Insert , ! , wq , dd , w , %s , searching

ln

find - File Searching

xargs

tar

zip

curl

weget

ssh

scp

Source Control
In most cases you will be working in a team so you will be useing Git as the main source control tool , Install git and learn to do the following operations , you can use github to create a dummy account -

init , clone , commit , push , brach , merge , stash

As a exercise create a repo , edit a text file and push to the repo then do the following operations
Create a Repo on github and clone it locally
Make changes to a text file and push it to cloud
Create a brach and edit text file
Edit text file in branch and merge to main branch
Clone repo in a seprate directory and edit the file at multiple similar locations
Merge and resolve conflict
Editor
Though you can use vim for editing , we recommend using VSCode for editing and development. Its lightweight , free and maintaned by Microsoft with logs of addons availbile.
Package Managers
For different setups different package managers will be used , Depending on your install you will use one of the following -
apt
yarn
pip
composer
Virtual Machines
vagrant - Vagrant is a tool focused on providing a consistent development environment workflow across multiple operating systems.
Please install vagrant for your setup , this will help have a consistent work envoirnmnt acorss multiple platforms .
Misc tools
Some other misc tools we find helpful

Clipboard managers - Development is a lot of copy paste so a Clipboard manager helps ( W:Ditto )

Launchers - These tools help you quickly launch application / perform small operations in a small launchable app ( W:Launchy )

Text Editors - Small text editors to edit config files / hex editing etc ( W:pspad )
Week 2 - HTML , CSS , Javascript

This week we will start with working on basic Web Technologies , This does not involve any programming but mainly how things are rendered . Use the editor VSCode for all your work , it support live viewing which is quite helpful.
VSCode Live Server
Web Server
Learn about what is a web server, what are the vaious type of requests and what are status codes.
HTML
The HyperText Markup Language, or HTML is the standard markup language for documents designed to be displayed in a web browser. Mainly a few basic tags are to be covered as most can be reffered to later on. Main idea is to cover the following
What is a standard Markup
Basic concepts
Block vs Inline Elements
Forms
Divs and Spans
HTML 5

Knowledge of common tags and their attributes
Head
Body
Meta
div / span -
a - links , anchors , open in new page
ul / ol / li - lists
form / input - Varios form input types

CSS
Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. Following is to be covered and explored -
What is CSS And why its used
Knowledge of variosu tags and how to use them
Javascript