Full Stack Bootcamp Series – Develop About Page [PART 1]

Full Stack Bootcamp Series – Develop About Page [PART 1], available at $19.99, has an average rating of 4.95, with 242 lectures, based on 15 reviews, and has 88 subscribers.

You will learn about Fine grained steps and instructions Learn basics of HTML, CSS, Bootstrap, GitHub and Cloud Build an about page for an imaginary Pastry Shop You will implement the about page and deploy it in cloud. This course is ideal for individuals who are Graduates or Developers looking to enhance their skills or Whomever want to become a Full Stack Trainer It is particularly useful for Graduates or Developers looking to enhance their skills or Whomever want to become a Full Stack Trainer.

Enroll now: Full Stack Bootcamp Series – Develop About Page [PART 1]

Summary

Title: Full Stack Bootcamp Series – Develop About Page [PART 1]

Price: $19.99

Average Rating: 4.95

Number of Lectures: 242

Number of Published Lectures: 242

Number of Curriculum Items: 242

Number of Published Curriculum Objects: 242

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Fine grained steps and instructions
Learn basics of HTML, CSS, Bootstrap, GitHub and Cloud
Build an about page for an imaginary Pastry Shop
You will implement the about page and deploy it in cloud.

Who Should Attend

Graduates
Developers looking to enhance their skills
Whomever want to become a Full Stack Trainer

Target Audiences

Graduates
Developers looking to enhance their skills
Whomever want to become a Full Stack Trainer

Welcome to PART 1 of the Full Stack Development course series.

This is a beginner friendly course.

Learn Full Stack Development by building a website for an imaginary pastry shop.

This is the first part of the Full Stack Development course series.

The following is the summary of what you will learn in this course:

You will learn to build the about page of the pastry shop website.
As part of building this website, you will learn:
To create HTML web page.
Style the web page using CSS.
Make the page look good in desktop and mobile using Bootstrap.
Publish the code to GitHub.
Deploy the code in AWS.
Learn basics of HTTP Protocol.

In HTML, you will learn about DOCTYPE, html, body, heading, title, meta, charset, favicon, image, alt attribute, div and nav.

In CSS, you will learn Inline style, external style, element selector, class selector, color, background color, padding, border, margin, box model, text align, font family, font weight, font size, height, width, layout, flex and flex wrap.

In Bootstrap, you will learn Responsive Web Design, View Port, applying Bootstrap styles, customize Bootstrap styles, headings, container, understand grid system and device classification to make the web page responsive.

In GitHub, you will learn creation of repository, initializing the repository, staging files, commit and pushing the code.

In AWS, you will about creation of EC2 instance with Ubuntu Linux operating system, you will connect to the EC2 instance using SSH, then using SSH commands like pwd, ls, scp, cp, apt and service commands you will deploy the web page in Apache HTTP Web Server.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Learning Environment

Lecture 3: Video Settings

Lecture 4: Install Chrome Browser

Lecture 5: Download Visual Studio Code

Lecture 6: Install Visual Studio Code for Windows

Lecture 7: Install Visual Studio Code for Mac

Lecture 8: Quick Launch Visual Studio Code

Lecture 9: Install Live Server Extension

Chapter 2: Understanding Our Story web page

Lecture 1: Patisserie – Our Story

Lecture 2: Folder Structure

Lecture 3: Create folder and open in Visual Studio Code

Lecture 4: Create 'learn' folder

Lecture 5: Create 'html' folder

Chapter 3: Build Our Story web page with HTML

Lecture 1: Create HTML file for Our Story web page

Lecture 2: Include DOCTYPE

Lecture 3: DOCTYPE explained

Lecture 4: Include <html> tag

Lecture 5: <html> tag explained

Lecture 6: Include <body> and <heading>

Lecture 7: Launch Our Story web page

Lecture 8: Styling Limitation in HTML

Lecture 9: <body> tag explained

Lecture 10: Heading tag explained

Lecture 11: What is HTML?

Lecture 12: Our Story web page Title

Lecture 13: Translate title to French

Lecture 14: Include <title> tag

Lecture 15: Check how title is displayed in the web page

Lecture 16: Include <meta> tag with charset to fix title display

Lecture 17: Saving file using shortcut key in Visual Studio Code

Lecture 18: <head>, <title>, <meta> explained

Lecture 19: Title explained

Lecture 20: HTML Attributes explained

Lecture 21: What is Favicon?

Lecture 22: Download 'resources.zip' for getting favicon image

Lecture 23: Copy downloaded 'resources.zip' file

Lecture 24: Place 'resources.zip' file in 'fsd' folder

Lecture 25: Extract 'resources.zip' file

Lecture 26: Verify 'resources' folder

Lecture 27: Favicon image and it's creation steps

Lecture 28: Create 'images' folder and copy favicon image file

Lecture 29: Delete 'resources.zip'

Lecture 30: Include <link> tag for favicon

Lecture 31: Launch Our Story web page using Live Server extension

Lecture 32: Favicon link tag explained

Lecture 33: Include Paris street image

Lecture 34: Understanding images and copyrights

Lecture 35: <img> tag explained

Lecture 36: What is a Screen Reader?

Lecture 37: Significance of 'alt' attribute

Lecture 38: Include text

Lecture 39: HTML Element Alignment

Lecture 40: Apply border to view HTML Element boundary

Lecture 41: Analyze HTML layout

Lecture 42: Limitations of HTML Layout

Lecture 43: An analogy for <div> tag

Lecture 44: <div> tag layout for Navigation bar

Lecture 45: Cleaning up the styles

Lecture 46: Inclusion of navigation using emmet

Lecture 47: Understanding Intellisense and <div> tag generation

Lecture 48: Include navigation content

Lecture 49: View navigation elements in browser

Lecture 50: Change navigation <div> to <nav>

Lecture 51: <div> to enclose the Our Story web page content

Lecture 52: Introduction to Command Palette

Lecture 53: Understanding Visual Studio Code commands

Lecture 54: Open Command Palette

Lecture 55: Executing a command with Command Palette

Lecture 56: Include outer most <div> using Command Palette

Lecture 57: Get the book cover image file

Lecture 58: Including bottom part of Our Story web page

Chapter 4: Learn styling and page layout using CSS

Lecture 1: Create 'css' folder

Lecture 2: Create HTML file learning selector

Lecture 3: Include main HTML tags

Lecture 4: Understanding 'style' attribute

Lecture 5: Applying style to multiple tags

Lecture 6: Including multiple <h2> tags

Lecture 7: Create stylesheet file

Lecture 8: Define external styles

Lecture 9: Linking HTML and external stylesheet

Lecture 10: Applying styles for all <h2> tags

Lecture 11: How external CSS works?

Lecture 12: Implement Class Selector

Lecture 13: Class Selector explained

Lecture 14: Create HTML file for learning CSS styling

Lecture 15: Applying Font Color

Lecture 16: Display Visual Studio Code and Browser adjacently

Lecture 17: Applying Background Color

Lecture 18: Applying Padding

Lecture 19: Applying Border

Lecture 20: Applying Margin

Lecture 21: Box Model

Lecture 22: Applying Padding, Border and Margin to specific sides

Lecture 23: Apply Text Alignment

Lecture 24: Introduction to Fonts

Instructors

Chandrasekaran Janardhanan
Facilitator at SIMPL Academy

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 0 votes
4 stars: 1 votes
5 stars: 14 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu