IDE (Integrated development Environment) - Visual Studio Code (Microsoft - free source) - Eclipse ( open source ) - Webstorm (jetbrains - its paid ) Browser - Chrome (Google ) - Firefox ( Netscape ) - safari (Apple) - IE (Microsoft ) - …. UC, … Version control Systems - Git ( opensource ) - SVN - ..SCM,… Our choice - VS code - Chrome - Git VS Code ———— - Search across files and folders - Code formatting - Inbuilt terminal - …… Browser ———— - Wiki Information (Documents, information, …) - Ecommerce ( Buy products ) - Service Desks (online help) - Location based ( GMaps, Apple maps, …) - Screen share or cast - Stream ( Youtube, Vimeo, …) - Media content - Mobile responsive ( m.facebook.com ) - Social media ( whatsapp, twitter, …) Git —— $ > navigate to folder $ > git init ( Initialize folder as git repository - one time) $ > git status ( status of repository - n number of times) $ > git add . ( add the file to git staged area -> change color from red to green ) $ > git commit -m “Initial commit about setup” ( Giving some meaningful message to changes ) $ > git remote -v ( remote is configured for the cloud url setup and push the code using the remote URL ) O/p is empty $ > git remote add origin git@github.com:rdurgarao/setup-notes.git ( Adding the new cloud url to folder/ repository ) $ > git remote -v O/p: origin git@github.com:rdurgarao/setup-notes.git (fetch) origin git@github.com:rdurgarao/setup-notes.git (push) $ > git push ( pushes the local code to remote url ) - Some login permissions Git area OS -> Git staged area -> Git commit area -> Cloud HTML ------- Why we need HTML? 1980 -> 1990’s Writing softwares for their own usage, example for messaging one person to other person Example -> virus software 1980s Flight bookings -> A company can build software and share to their passengers to book the tickets 1990’s Browser -> software that can come up with some common goals for building software As a customer, I need to install a single software, but I will get all services W3C organization Common standards for application development Plain Text HTML <- Hyper text markup language (headings, para, images, anchor, …) CSS <- More advanced styling for web pages web Document or web page or web application