FULL STACK WEB DEVELOPMENT FOR BEGINNERS:
Source SKILLUP BY SIMPLILEARN
● You will learn in this series
➤ Basic & Advance Aspects
➤ Git Command & Angular
➤ NodeJS & MYSQL
➤ Maven & Jenkins
➤ Selenium & Docker
● What is in it for you?
➤ What is full stack Development?
➤ Git Command Tutorial
➤ What is angular
➤ Angular Project
➤ NodeJS Tutorial
➤ MSQL Basic for Beginners
➤ Maven Tutorial
➤ Jenkins Tutorial
➤ Selenium WebDriver
➤ Docker Tutorial
● System requirements
➤ A browser Like Goole Chrome
➤ The hardware includes Linux, Windows 7, or Higher
➤ 4GB RAM or More
Let's get started on this journey.
● LESSON 1
➤ What is full stack Development?
Full stack development refers to end-to-end application software development, including the front end and back end.
➤ Front End-
Every time you open a website, it has several User Interface components. You are greeted by the welcome page, the menu, the site map, and other items that facilitate navigation and utility.
All of the items fall under the collective term "Front End"
So, the front end is the visible part of the website or the web applications which is responsible for the user experience.
The user directly interacts with the front-end portion of the website or the web applications.
➤ Some Front-End Languages
HTML (Hyper Text Markup Language)
It defines the structure of websites and formats web pages. It also defines text documentation.
In this <h1> is the heading tab in the HTML, Hello! Welcome is the message I want to display.So, HTML is responsible for defining what is beaning shown on the website.
CSS (Cascading Style Sheets)
CSS is a simple design language used to add styles to web page content. It can be attached to any HTML element.Now CSS is the style sheet that allows you to alter and style different web components font size, colour, spacing, etc.
It makes the content on the website look more decorated.
In this, font style, front weight & color are changed by using CSS.JS (JavaScript)
JavaScript is a powerful, client-side interpreted language targeted for web development.It is mainly used for enhancing the interaction of the user of the web page.
It is used to make web pages interactive and bring web applications to life.
A form created where the user enters their name also displays a message, please enter the name. ➤ Front-End libraries and Frameworks
Some popular JavaScript Framework & libraries are -
→ React JS (most of the developers preferred)
→ Angular JS
→ Vue JS
→ jQuery JS Framework
→ Bootstrap JS Framework
All of this help to develop the front end of the applications. jQuery & Bootstrap is a powerful framework that is used to create interactive web pages.
➤ Back-End
▶ Refer to the server-side development of the app
The back-end basically Refers to the server-side development of the application
▶ Manage a database using queries and APIs.
It's responsible for managing all the databases with the help of queries and APIs. So, every time the user makes a request its quires the database and receives the data from the database, and presented it to the users.
▶ Includes data consistency
➤ Back-End languages and Frameworks
→ Node JS
Packages provided by JavaScript.
→ Python
Which is a very popularly used language.
→ Django & Flask
Python frameworks Are popularly used to create the back-end of the application.
→ Java
Provide Java server faces.
→ C Sharp
Which provides stream work like .NET
➤ Back-End Database
The database is the collection of interrelated data which helps the efficient, retrieval and deletion of the data from the database and organizes the data from the tables, views, skimmers, and reports.
→ MySQL
→ PostgreSQL
→ Microsoft SQL server
→ ORACLE database
→ Mongo DB
● LESSON 2
Git Command Tutorial
➤ What is GitHub?
GitHub, Inc. is an Internet hosting service for software development and version control using Git. It provides the distributed version control of Git plus access control, bug tracking, software feature requests, task management, continuous integration, and wikis for every project.
Git Bash is an application for Microsoft Windows environments that provides an emulation layer for a Git command line experience. Bash is an acronym for Bourne Again Shell. A shell is a terminal application used to interface with an operating system through written commands.
➤ What is repository git?
A Git repository tracks and saves the history of all changes made to the files in a Git project. It saves this data in a directory called .git, also known as the repository folder.
Git uses a version control system to track all changes made to the project and save them in the repository. Users can then delete or copy existing repositories or create new ones for ongoing projects.
To share your repository with another user, both need to collaborate with Git Server.
You need to register with GitHub.
➤ What is HTTPS and SSH authentication?
The default URL format Github uses is HTTPS, which communicates directly over the web protocol:
Hypertext transfer protocol secure (HTTPS) is the secure version of HTTP, which is the primary protocol used to send data between a web browser and a website. HTTPS is encrypted in order to increase the security of data transfer.
SSH or Secure Shell is a network communication protocol that enables two computers to communicate (c.f http or hypertext transfer protocol, which is the protocol used to transfer hypertext such as web pages) and share data. An inherent feature of ssh is that the communication between the two computers is encrypted, meaning that it is suitable for use on insecure networks.
➤ Some Git Commands
git --version
You can check your current version of Git by running the git --version command in a terminal (Linux, macOS) or command prompt (Windows). If you don't see a supported version of Git, you'll need to either upgrade Git or perform a fresh install.
git --help
If you are having trouble remembering commands or options for commands, you can use Git help. There are a couple of different ways you can use the help command in the command line
PWD
The pwd command writes to standard output the full path name of your current directory (from the root directory). All directories are separated by a / (slash). The root directory is represented by the first /, and the last directory named is your current directory
mkdir
The mkdir stands for 'make directory. With the help of mkdir command, you can create a new directory wherever you want in your system. Just type "mkdir <dir name> , in place of <dir name> type the name of new directory, you want to create and then press enter
rm -Rf
The rm command removes the entries for a specified file, group of files, or certain select files from a list within a directory. User confirmation, read permission, and write permission are not required before a file is removed when you use the rm command.
cd
The cd command, short for Change Directory, lets you jump from one directory (folder) to another without any hassles. Simply type in 'cd' in the Command prompt and hit Enter. From there, you'll be taken to the top of your Command prompt directory instantly
touch
The touch command's primary function is to modify a timestamp. Commonly, the utility is used for file creation, although this is not its primary function. The terminal program can change the modification and access time for any given file. The touch command creates a file only if the file doesn't already exist
git add .
The git add command adds a change in the working directory to the staging area. It tells Git that you want to include updates to a particular file in the next commit. However, git add doesn't really affect the repository in any significant way—changes are not actually recorded until you run git commit .
git rm --cached
--cached. Removes the file only from the Git repository, but not from the filesystem. By default, the git rm command deletes files both from the Git repository as well as the filesystem. Using the --cached flag, the actual file on disk will not be deleted.
git commit -m
The git commit command is what you'll use to take all of the changes that have been made locally and push them up to a remote repository. It's important to note that you can't just type "git commit" by itself with no arguments — it needs at least one parameter, which will be either HEAD or any other branch name
git status
The git status command displays the state of the working directory and the staging area. It lets you see which changes have been staged, which haven't, and which files aren't being tracked by Git. Status output does not show you any information regarding the committed project history
git log
The git log command shows a list of all the commits made to a repository. You can see the hash of each Git commit , the message associated with each commit, and more metadata. This command is useful for displaying the history of a repository.
git remote -v
git init
git add remote origin Server_Repo_URL
git push -u origin master
git clone Server_Repo_URL
ls -ltr
➤ Opposite of cd mean how to back the previous folder?
cd -
cd ~
First register with GitServer, then for the first time need to configure with your Git Account-
the command is
git config --global user.name "Prasenjit-Mondal"
git config --global user.email prasenjitmondal830@gmail.com
For check the configuration ok or not-
git config --list
Comments