Check out just a few key highlights for:
HTML5 & CSS3 - Project Based Learning.
Join a community of other students taking this course.
Each lecture is recorded in HD 1920x1080p with clear audio.
All courses are rated by fellow community members.
All YouAccel courses are recorded and produced in 1920x1080p HD Quality.
Have a question? Contact our support team at any time using our chat feature, or built-in messaging console.
All YouAccel courses come with a Certificate of Completion. This helps Showcase your proficiency in a subject to prospective employers.
All YouAccel courses include lifetime on-demand access. Class lecture are also available for offline viewing.
Join a community of over 600,000 learners. Connect & Communicate through YouAccel's networking tools.
YouAccel's integration with Indeed makes it easy to search through thousands of jobs and apply with just a click.
A comprehensive list of all sections & lectures for this course can be found below.
HTML, CSS, Flexbox, and CSS Grid Course Introduction - 02:01 [Play]
What are HTML and CSS - 06:08
The Website We're Going to Build in the HTML/CSS Course - 04:47
Tools We'll Use in the Course and Basic HTML Structure Overview - 17:44 [Play]
Introduction to Using CSS Styles - 12:49
Deep Dive: How the CSS Cascading Process Works - 10:29
Guide to HTML Links - 16:13
Working with the div Tag in HTML - 09:52
Guide to HTML Classes and IDs - 08:33
Introduction to Flexbox - 15:40 [Play]
Guide to Padding in CSS - 07:52
Guide to Margin in CSS - 04:03
Integrating Icons with Font Awesome - 05:22
How to Select and Style Child Tag Elements - 08:42
Introduction to CSS Grid - 13:16
How to Import and Use Custom Fonts in HTML - 10:07
How to Import and Style Images in HTML - 07:39
Refactoring the CSS Code to Use More Specific Selectors - 13:58
Integrating Flexbox Inside of a CSS Grid Container to Align Items - 07:22
Introduction to CSS Animations - 09:17
Styling the Right Column of the Navigation Bar - 13:45
Finalizing the Navigation Bar and Organizing the Style Files to Conform with Dev - 08:01
How to Build a Parallax Scrolling Feature - 10:47
Adding Text Overlays On Top of the Parallax Image - 07:13
Adding the HTML Structure and Icons for the Feature Section of the Homepage - 09:13
How to Create Columns with Animated Hover Effects in CSS - 13:37
Working with nth Child Selectors in CSS - 08:17
How to Work with Box Shadows in CSS - 09:28
How to Embed a Google Map into a Website - 04:26
Building the Footer's HTML Structure - 11:29
Controlling the Flex Direction to Layout the Footer Styles - 09:46
How to Apply Filters and Control an Image's Opacity with CSS - 02:56
Finalizing the Footer Styles - 15:55
Building the HTML Structure for the About Page Header - 06:05 [Play]
How to Skew Images in CSS - 16:18
Using the CSS Float Property to Have Text Flow Around an Image - 14:52
Building the Square Grid HTML Structure - 08:13
Creating a Two Column Layout with CSS Grid and Flexbox - 13:00
Finalizing the About Page Styles and Review of Code Organization Best Practices - 10:15
Populating the Menu Page with the Two Column Grid - 05:04 [Play]
Guide to HTML Bullet Point and Numbered LIsts - 05:13
How to Implement Anchor Tags in HTML - 07:13
Overview of the Before and After Pseudo Selectors in CSS - 07:18
Creating the Initial Structure for the Contact Page - 15:46 [Play]
Building the Contact Page Layout with CSS Grid - 09:45
Introduction to HTML Form Elements - 08:38
How to Style Text Inputs with CSS - 10:41
Styling the Form Textarea and Button - 07:29
Building the Label and Form Element Drop Shadow Styles - 09:08
Integrating Custom Form Placeholder Text Styles - 02:39
How to Animate Form Labels - 06:05
Finalizing Contact Page Styles - 08:45
Introduction to CSS Media Queries - 13:35 [Play]
Finalizing the Homepage Responsive Styles - 06:59
Implementing Responsive Styles to the Square Grid, Image Skew, and Form Elements - 16:05
This course is 100% project driven and teaches you how to build a professional website WHILE teaching the core HTML and CSS concepts along the way.
Hi and welcome to the HTML5 & CSS Professional Development course, where we'll walk through the same course I teach code bootcamp students around the world. My name is Jordan Hudgens, and I'll be your instructor for the course. In addition to being the lead instructor for devCamp I've also been building web applications for over a decade for organizations such as Eventbrite and Quip.
In this course, you're going to learn all of the key skills that you're going to need in order to start building out professional websites. Before building this new course out, I interviewed hiring managers at companies around the world and asked them what HTML/CSS skills they expected developers to know and that's how I came up with the list of concepts that you're going to learn.
Some of the skills that you're going to learn are going to be:
As we go through the course material, you'll notice that I'm going to teach you my own process that I use whenever I'm building out a website.
My goal for this entire course isn't just to teach you how to build a single website, but instead my goal is to be able to leverage this project build that we're going to put together, teach you the fundamentals as we implement every single feature, and then by the end of it, you're not just going to be able to build the single website and follow along with what I do, but you'll be able to build any type of website.
There are no technical prerequisites for going through this course. This is the perfect course to go through if you want to learn how to build websites completely from scratch.
The ideal student is someone who is dedicated, wants to learn, and also wants to learn how to build websites using the most modern and up to date technologies. So, thank you for spending the time and going through this material, and good luck with the coding.
Who this course is for:
All course reviews are written by students who have completed the course or are currently enrolled.
Good content. Look forward to more form this instructor.
Thank you for your great course. Also this team provides excellent support. I have taken three courses here and each time I am impressed.
I didn't have much of a background in coding before taking this course. Due to a recent career change, some basic knowledge of HTML and web building was required. This was a great introduction for me and I feel I know much more than required. It is a wonderful course for any one new to the subject, or looking to expand your existing skills.
This is a great course. I love how Jordan explains everything clearly.
I'm a visual learner so this course fulfills my learning style by working on a real project and explaining the process of how to structure the layout of the website.
Very nice and calm, step-by-step
So far so good. The content seems to be complimenting my previous knowledge by providing useful tips on how to use the text editors and developer tools while also explaining many of the 'why?' of the methodology. It also clearly demonstrates the direction of the course so the student doesn't get too distracted wondering when the juicy stuff will come.
Very well organized and presented course that took me from beginner, to some of the tricky stuff in building a website. I've been coding as a hobby for some time now, but this course made me believe that I can actually do it. The tutor explains very simple flex box and grid and I actually fell in love with CSS, as I was a bit lost before. Thank you so much!!!
Excellent program. Very comprehensive. I am enjoying it very mush and learning a lot.
Very clear. Explains every move. Easy to follow.
As always, the content and presentation from this instructor is top notch! I would definitely recommend to others interested in learning this subject matter.
My second course with Jordan. He increments things at a perfect pace and explains everything thoroughly. I am excited to start the next two courses I have from him as well.
Jordan explains things very thoroughly. He tells you not only how to do things, but why you use certain tools. This is very important in any field of development. Excellent course
YouAccel is currently teaching 87 courses. All courses are currently open for enrollment.
YouAccel currently has 567,846 global enrollments across 87 courses that are active on the platform.
YouAccel has an average rating of 4.5/5 stars, across 87 courses.
YouAccel is a leading provider in online training, offering courses across numerous industries from IT and Development to Business, Marketing, Design, and Productivity.
The e-learning experience provided by YouAccel is Dynamic. Each course is streamed in High Definition with corresponding assignments, quizzes, and exams that are delivered and graded electronically. All YouAccel courses are taught by certified educators that have numerous years of work experience in the field for which they provide instruction.
The courses can be taken at one's own pace and are offered at several levels including beginner, intermediate and advanced. Online courses are also compatible with any mobile device for the ultimate in convenience.
Taking the experience to a new personalized level, live communication with instructors is available through an online messaging console. All courses come with a certificate of completion and no age restrictions apply.
You have nothing to lose. Give the course a try. If it's not what you expected, get a full refund within 30 days of purchase.