HTML5 + CSS3 + Bootstrap: The Beginner Web Design Course

Focused View

Phil Ebiner,Video School,Nick Walter

8:34:43

73 View

01 - Welcome

001 Welcome to the HTML5 + CSS3Course + 3 Tips for Better Learning.mp4

02:34

002 How to Install Brackets & Start Editing Websites in HTML5 + CSS3 Programming.mp4

05:04

003 Common-HTML-Tags.docx

003 DOWNLOAD HTML Cheat Sheets HTML5 + CSS3 Programming Course.html

004 Quick Hello from Phil HTML5 + CSS3 Programming Course.mp4

01:42

005 Tips to Improve Your Course Taking Experience HTML5 + CSS3 Programming Course.mp4

01:07

02 - HTML 5

001 Intro to the HTML Section HTML5 + CSS3 Programming Course.mp4

00:46

002 What is HTML See how its used EVERYWHERE! HTML5 + CSS3 Programming Course.mp4

10:40

003 Case Study Changing the Presidents Tweets HTML5 + CSS3 Programming Course.mp4

02:28

004 Start a New HTML File & Use Tags HTML5 + CSS3 Programming Course.mp4

11:36

005 Header Tags in HTML5 + CSS3 How to use them + why they are important.mp4

05:23

006 Case Study Using Header Tags to Improve SEO HTML5 + CSS3 Programming Course.mp4

07:22

007 HTML5 + CSS3 Edit Text Spacing, Styles, Paragraphs and more!.mp4

08:31

008 Links Create Clickable Text-based Hyperlinks HTML5 + CSS3 Programming Course.mp4

08:59

009 Images Add Images to Your Website with HTML HTML5 + CSS3 Programming Course.mp4

09:48

010 HTML5 + CSS3 Case Study Add an Clickable Image to My Website.mp4

06:44

011 Lists Create Bullet-Point and Numbered Lists with HTML.mp4

04:09

012 Challenge Exercise 1 Build Your First Basic Website with HTML.mp4

15:59

013 Outro Congrats, you know the basics of HTML! HTML5 + CSS3 Programming Course.mp4

00:55

014 HTML.zip

014 HTML Source Code HTML5 + CSS3 Programming Course.html

015 Basic HTML for WordPress Users HTML5 + CSS3 Programming Course.html

015 Most-Popular-HTML-Tags-for-WordPress-Users.pdf

03 - CSS 3

001 Intro to CSS HTML5 + CSS3 Programming Course.mp4

03:43

002 How to Add CSS Styles HTML5 + CSS3 Programming Course.mp4

16:09

003 HTML5 + CSS3 Case Study Change the Header Style for My Website.mp4

05:30

004 Classes and Ids HTML5 + CSS3 Programming Course.mp4

07:27

005 Borders HTML5 + CSS3 Programming Course.mp4

05:32

006 Sizing HTML5 + CSS3 Programming Course.mp4

04:14

007 HTML5 + CSS3 Padding and Margin Putting Space Between Elements.mp4

07:15

008 HTML5 + CSS3 Case Study Using Padding & Margins to Adjust My Website.mp4

04:11

009 HTML5 + CSS3 Text Styles Alignment, Justification, and more!.mp4

04:26

010 Divs Add Styling to a Group of HTML Code HTML5 + CSS3 Programming Course.mp4

07:57

011 HTML5 + CSS3 Positioning Move Around Elements on Your Screen.mp4

07:34

012 Hover Change the Style while Hovering HTML5 + CSS3 Programming Course.mp4

02:32

013 Easily Center Elements with CSS HTML5 + CSS3 Programming Course.mp4

02:29

014 Fonts Change the Font of Your Website HTML5 + CSS3 Programming Course.mp4

05:42

015 Challenge Exercise 2 Create a Website with CSS.mp4

23:29

016 Outro Congrats, you know the basics of CSS! HTML5 + CSS3 Programming Course.mp4

00:56

04 - Bootstrap

001 Intro to Bootstrap HTML5 + CSS3 Programming Course.mp4

01:44

002 Bootstrap Fix HTML5 + CSS3 Programming Course.html

003 Install Bootstrap Get Started with Bootstrap HTML5 + CSS3 Programming Course.mp4

10:08

004 Indenting and Containers HTML5 + CSS3 Programming Course.mp4

07:19

005 The Grid System Make Your Website Responsive HTML5 + CSS3 Programming Course.mp4

16:25

006 Images Add Images with Bootstrap HTML5 + CSS3 Programming Course.mp4

06:46

007 HTML5 + CSS3 Buttons Create Beautiful Buttons with Bootstrap.mp4

06:13

008 HTML5 + CSS3 Challenge Exercise 3 Create a Website with Bootstrap.mp4

11:05

009 HTML5 + CSS3 Outro Congrats, you know the basics of Bootstrap!.mp4

01:03

010 BOOTSTRAP.zip

010 Bootstrap Source Code HTML5 + CSS3 Programming Course.html

05 - Project 1 - Design a Landing Page

001 Intro to Website Project 1 HTML5 + CSS3 Programming Course.mp4

01:11

002 Sketch Your Website HTML5 + CSS3 Programming Course.mp4

04:53

003 Design the Top Section of Your Website HTML5 + CSS3 Programming Course.mp4

16:18

004 Polish the Top Section of Your Website HTML5 + CSS3 Programming Course.mp4

05:53

005 Add Images to Your Website HTML5 + CSS3 Programming Course.mp4

10:59

006 Add Main Points to Your Website HTML5 + CSS3 Programming Course.mp4

14:07

007 HTML5 + CSS3 Collect Emails Add an Email Opt-in Form to Your Website.mp4

10:44

008 HTML5 + CSS3 Challenge Exercise 4 Create Your Own Landing Page.mp4

03:00

009 Outro HTML5 + CSS3 Programming Course.mp4

01:37

06 - Project 2 - Business Website

001 Intro HTML5 + CSS3 Programming Course.mp4

01:03

002 Sketch HTML5 + CSS3 Programming Course.mp4

02:55

003 Fancy Font Logo HTML5 + CSS3 Programming Course.mp4

07:00

004 Carousel Basics HTML5 + CSS3 Programming Course.mp4

10:26

005 Carousel Extras HTML5 + CSS3 Programming Course.mp4

08:48

006 Text on Images HTML5 + CSS3 Programming Course.mp4

15:03

007 Phone GlypIcon HTML5 + CSS3 Programming Course.mp4

03:53

008 Google Maps HTML5 + CSS3 Programming Course.mp4

12:47

009 Font Awesome HTML5 + CSS3 Programming Course.mp4

09:02

010 Challenge HTML5 + CSS3 Programming Course.mp4

08:05

011 Outro HTML5 + CSS3 Programming Course.mp4

01:02

012 Chicken King Source Code HTML5 + CSS3 Programming Course.html

012 Chicken-King.zip

07 - Project 3 - Portfolio

001 Intro HTML5 + CSS3 Programming Course.mp4

00:52

002 Sketch HTML5 + CSS3 Programming Course.mp4

08:00

003 Jumbotron HTML5 + CSS3 Programming Course.mp4

10:13

004 NavBar HTML5 + CSS3 Programming Course.mp4

23:41

005 Panels HTML5 + CSS3 Programming Course.mp4

11:19

006 Challenge HTML5 + CSS3 Programming Course.mp4

12:34

007 Outro HTML5 + CSS3 Programming Course.mp4

01:13

008 RickOrNick.zip

008 Rick or Nick Source Code HTML5 + CSS3 Programming Course.html

08 - Hosting - Getting Your Website on the Internet

001 Intro HTML5 + CSS3 Programming Course.mp4

01:16

002 Bluehost HTML5 + CSS3 Programming Course.mp4

06:11

003 Uploading HTML5 + CSS3 Programming Course.mp4

05:24

004 Random Tips HTML5 + CSS3 Programming Course.mp4

10:35

005 Outro HTML5 + CSS3 Programming Course.mp4

01:03

09 - Bonuses

001 Bonus Lecture Learn More from Phil + Video School.html

002 Bonus Lecture Nick HTML5 + CSS3 Programming Course.html

Description

Quickly learn HTML5 and CSS3 + Bootstrap - the basics of Web Development - to design your own responsive websites.

What You'll Learn?

You will learn how to build a custom website with HTML, CSS, and Boostrap
You will learn real-world skills to build professional and modern websites
You will learn the basic building blocks to becoming a web developer
You will learn to build websites while you learn each building block - HTML, CSS, Bootstrap
You will get bonus downloadable cheat sheets and guides to help you quickly design your websites
You will learn how to use each skill in the real world with case studies
You will learn basic web design tips so your websites look and act professionally

Who is this for?

Absolute beginners who want to learn the first building blocks (HTML & CSS) for creating websites

Anyone with a website that wants to be able to customize it with HTML and CSS to make it look like you imagine

Anyone looking for a quick refresher of how HTML, CSS, and Bootstrap works

What You Need to Know?

No coding experience necessary

Seriously, you don't need to know anything about websites or coding!

Any computer will be fine - Windows, OSX or Linux

We'll show you free tools that you can use to follow along and build your own websites in the course

More details

Description
* A perfect HTML5 and CSS3 COURSEÂ for beginners onÂ UDEMY! *
Do you Â want to learn how to build your own websites?
Do you want to become a web developer?
Do you just want to know how to customize the design of a website created with Wordpress (or other web-builder) so it looks like you want it to?
HTML &Â CSS are the basic building blocks of the website world! And this is the perfect course for you to dive right in and learn them.
Why should you enroll in this course?
1. It's great for absolute beginners, with NOÂ coding or web development experience required!
Many of the other courses on HTML5 and CSS3 on Udemy are too advanced, or use language that is confusing to a beginner. We break down every definition and step of the process so you never get lost.
2. Project-based learning. Plus it's free to build websites!
Learning is better when you're actually doing. As you follow along with each section of the course, you'll be building your own websites. Plus, we'll be using free applications to do so - Brackets and Google Chrome. No matter what type of computer you have - Windows, Mac, Linux - you can get started.
Seriously, within the first hour of the course, you'll be building your own basic websites!
3. No more boring lectures!
If you've watched other HTML5 and CSS3 courses or tutorials before, you know that it can be difficult to make it interesting and fun. The instructors Nick and Phil strive to make each lesson fun and interesting, so you feel like you're actually learning something new... and progressing... all while having fun!
4. Real world case studies!
It's great to learn how to use HTML and CSS, but it's even better if you know how what you are learning applies to real-world websites. Throughout the entire course, Nick shows how real websites are using HTML and CSS today. Phil follows up with personal case studies of how even beginner's can use HTML and CSSÂ to customize their own websites.
WHATÂ WILLÂ YOUÂ LEARNÂ INÂ THISÂ COURSE?
Start by understanding how to use HTML5, CSS3, and Bootstrap
Each section builds upon the previous ones to give you a complete understanding of the basics of HTML, CSS, and Bootstrap
Once you are in the Bootstrap section, you'll learn how to quickly develop and design beautiful responsive websites
Finally, you'll put all your knowledge together withÂ full website projects such as creating a modern landing page
ISÂ THISÂ THEÂ PERFECTÂ COURSEÂ FORÂ YOU?
YESÂ -Â if you are a complete beginner with no experience building a website.
YES -Â if you already know some HTML and CSS, but want to learn everything from the ground up so you know how to build a complete website.
YES -Â if you don't necessarily want to be a web developer, but want to understand how HTML and CSSÂ work so you can customize your own WordPress siteÂ (or other type of website)
NO -Â if you already know the basics of HTML and CSS. If that's the case, we recommend a more advanced HTML and CSS course.
WHATÂ DOÂ YOUÂ GETÂ WHENÂ YOUÂ ENROLL?
Lifetime access to all of our videos. Start whenever you want - and go at your own pace!
Download any of the lectures, so you can easily watch back on your computer or device.
Downloadable cheat sheets and guides that make writing website code much more efficient.
High quality support in the course Q&A for whenever you are stuck and have any questions.
An amazing new skill that is in high demand for getting a well paid job.
READYÂ TOÂ ENROLL?
With our 30-day 100% money-back guarantee, there's no reason to hesitate. Enroll now to try out the course completely risk free!
We can't wait to see you in the course!
Nick and Phil

Who this course is for:
Absolute beginners who want to learn the first building blocks (HTML & CSS) for creating websites
Anyone with a website that wants to be able to customize it with HTML and CSS to make it look like you imagine
Anyone looking for a quick refresher of how HTML, CSS, and Bootstrap works

User Reviews

Rating

average 0

Total votes0

Focused display

great courses for beginnersI'll teach you the skills necessary to stand out from the crowd. Whether it’s a personal passion or a business pursuit, you can learn video, photography, art, design, marketing skills and more here.learn by doingStep-by-step tutorials and project-based learning.get supportOne-on-one support from experts that truly want to help you.don’t stress. have fun.more about philMy professional background is in video production and editing. I graduated from Loyola Marymount University's School of Film and Television in 2011. Since then, I've worked on thousands of projects that have appeared in movie theaters, film festivals, television and online.Today, I create all kinds of things from photographs that can be seen on my Instagram to homemade sourdough bread that feeds my family. Who knows where life will take me. But I know wherever I am, I'll be creating.Since 2012, I've been creating online courses that over two million students from around the world have taken. Course topics include everything from photography and video to design and business courses. If I can't teach it , I collaborate with other experts who share their skills with absolute beginners.I can't wait to see you in class!- Phil

Video School

Instructor's Courses

Learn creative skills, from absolute beginner to advanced mastery. Video School exists to help you succeed in life. Each course has been hand-tailored to teach a specific skill from photography and video to art, design and business.Whether you’re trying to learn a new skill from scratch, or want to refresh your memory on something you’ve learned in the past, you’ve come to the right place.Education makes the world a better place. Make your world better with new skills!Our courses can be watched 24/7 wherever you are. Most are fully downloadable so you can take them with you. You can also view them on mobile devices with the Udemy mobile app.All courses have a 30-day money-back guarantee so that you can check it out, make sure it’s the right course for you, and get a refund if it’s not!

Nick Walter

Instructor's Courses

Hi! I'm Nick, and I love to code. About five years ago I decided that I wanted to learn to code, but I had limited access to programming resources, and I was getting frustrated with all of the YouTube videos and online tutorials out there. I experimented, struggled, and definitely failed a lot, but I finally got the hang of it, so I decided that I wanted to change the way that people learned to code, and I started teaching. My experience as an online student has directly influenced my teaching style, because I know what it is like to be in your shoes.When Apple announced their new programming language, Swift, in 2014, I made my big online teaching debut and created the internet's first Swift course. Since that time, I have become a full-time online instructor and I now have courses not only in Swift, but also in iOS, Android, Django, Kotlin, Python, HTML, Blockchain, etc. I have also created five iOS apps from scratch that are currently live in the App Store and are being used by thousands of users worldwide. I love sharing my excitement for coding with my students, and I try to make learning as fun and as easy as possible. Thanks for being part of my coding community!

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.