HOT
blank

Frontend Web Development for Beginners

Development

Rating3.8
Enroll Now

Frontend Web Development for Beginners, available at $19.99, has an average rating of 3.8, with 116 lectures, based on 66 reviews, and has 11038 subscribers.

You will learn about Build mini projects Understand basic CSS Syntax Write few lines of codes to achieve more Familiarize with HTML and CSS Build a basic audio player Form Validation Card Preview Video Card This course is ideal for individuals who are Web enthusiast or Beginners or Educators It is particularly useful for Web enthusiast or Beginners or Educators.

Enroll now: Frontend Web Development for Beginners

Summary

Title: Frontend Web Development for Beginners

Price: $19.99

Average Rating: 3.8

Number of Lectures: 116

Number of Published Lectures: 116

Number of Curriculum Items: 116

Number of Published Curriculum Objects: 116

Original Price: $129.99

Quality Status: approved

Status: Live

What You Will Learn

  • Build mini projects
  • Understand basic CSS Syntax
  • Write few lines of codes to achieve more
  • Familiarize with HTML and CSS
  • Build a basic audio player
  • Form Validation
  • Card Preview
  • Video Card

Who Should Attend

  • Web enthusiast
  • Beginners
  • Educators

Target Audiences

  • Web enthusiast
  • Beginners
  • Educators

Learn the languages for the web; HTML( Formatting language) and CSS in various interesting and smart ways to have a strong basic insight on website development. We will learn the formatting of a webpage using Hypertext Markup Language (HTLM) tags and add styling to the content of a webpage using Cascading Style sheet (CSS) rules. The course would not delve deep into certain CSS and HTML properties but the course will focus on many basic or common tags you’ll mostly encounter in your journey as a website developer. Hypertext Markup Language and Cascading Style sheet’s common tags and properties will be used to Italicize, bolden, underline, insert videos(local and online), insert images, and learn to link your web pages either locally or to an online page, link to an email service and the likes. It would be of great help if learners actually practice along with the instructor other than copying or taking the course as a popcorn course( watching the course and not getting hands-on experience). Also, learners should look for mini-projects related to the course that they can actually be practicing with on the side just so they have some mini-projects upon which they can build upon later.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Introduction to the Web

Lecture 3: Quotes

Chapter 2: Introduction to Text Editors

Lecture 1: Text Editors

Lecture 2: Installing VS code

Chapter 3: Introduction To HTML

Lecture 1: HTML Document Structure

Lecture 2: Preparing Files 1

Lecture 3: Preparing Files 2

Lecture 4: Commenting

Lecture 5: Quotes

Lecture 6: Getting started with HTML

Chapter 4: Inserting Images

Lecture 1: Inserting Local Images

Lecture 2: Inserting online Images

Lecture 3: Shortcuts

Lecture 4: Heading Tags

Chapter 5: Inserting Videos

Lecture 1: Inserting Videos

Lecture 2: Common Tags

Chapter 6: Lists

Lecture 1: Ordered and Unordered lists

Lecture 2: More on lists

Chapter 7: Page Navigations

Lecture 1: page Navigation

Lecture 2: Linking Email

Lecture 3: Opening external links

Lecture 4: Quotes

Chapter 8: Introduction to CSS

Lecture 1: Getting Started with CSS

Lecture 2: CSS Style Tag

Lecture 3: CSS Inline style

Lecture 4: Quotes

Chapter 9: CSS Selectors

Lecture 1: CSS Grouping Selector

Lecture 2: CSS ID Selector-Pound sign

Lecture 3: CSS Class Selector

Chapter 10: Introduction to CSS 2

Lecture 1: Inserting Background Image

Lecture 2: Margin and Padding

Lecture 3: CSS Colors

Lecture 4: CSS Commenting

Lecture 5: CSS Font Styling

Chapter 11: CSS Flex

Lecture 1: Introduction to CSS Flex

Lecture 2: Has Pseudo Class-Code Smarter

Lecture 3: Read-MDN

Chapter 12: Gradient Text

Lecture 1: Gradient Text

Chapter 13: Simple Website

Lecture 1: Getting Started-Live Server

Lecture 2: Module 1-Header

Lecture 3: Module 2-Styling Header

Lecture 4: Module 3-Styling Button

Lecture 5: Quotes

Chapter 14: Simple Website 2

Lecture 1: Module 4-Sections

Lecture 2: Module 5-Sections

Lecture 3: Module 6-Divs

Lecture 4: Module 7-footer Styling

Chapter 15: Frontend -Prediction AI Webpage

Lecture 1: Module-1 Prediction Webpage

Lecture 2: Module-2 Prediction Webpage Styling

Lecture 3: Module-3 Prediction Webpage Styling

Lecture 4: Module-4 Prediction Webpage Styling

Lecture 5: Module-5 Prediction Webpage Styling

Lecture 6: Quotes

Chapter 16: Customer Rating UI Component

Lecture 1: Module 1-Rating UI Document Structure

Lecture 2: Module 2-Styling Rating UI

Lecture 3: Module 3-Styling Rating UI

Lecture 4: Module 4-Styling Rating UI

Lecture 5: Quotes

Chapter 17: QR Code Card Component

Lecture 1: Module 1-Document Structure- QR code

Lecture 2: Module 2-Styling- QR code

Lecture 3: Module 3-Card Styling- QR code

Lecture 4: Module 4-Card Text Styling- QR code

Lecture 5: Quotes

Chapter 18: Financial Dashboard Component

Lecture 1: Module-1 HTML Structure-Financial Dashboard

Lecture 2: Module-2 Styling Financial Dashboard

Lecture 3: Module-3 Section Styling Financial Dashboard

Lecture 4: Module-4 Container Styling Financial Dashboard

Lecture 5: Module-5 Horizontal Rule Container Styling FD

Lecture 6: Module-6 Bottom Text Styling FD

Lecture 7: Quotes

Chapter 19: Search Webpage-Frontend

Lecture 1: Module 1-Search UI HTML Structure

Lecture 2: Module 2-Search UI Body Styling

Lecture 3: Module 3-Search UI text Styling

Lecture 4: Module 4-Search UI Input Field Styling

Lecture 5: Quotes

Chapter 20: Product Preview

Lecture 1: HTML-Document Structure-1

Lecture 2: HTML-Document Structure-2

Lecture 3: Styling-Aligning Elements

Lecture 4: Styling-Button

Instructors

Rating Distribution

  • 1 stars: 1 votes
  • 2 stars: 3 votes
  • 3 stars: 13 votes
  • 4 stars: 18 votes
  • 5 stars: 31 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!

You may also like

Top 10 Ethical AI Courses to Learn in November 2024

Top 10 Game Development Courses to Learn in November 2024

Top 10 Software Testing Courses to Learn in November 2024