Udemy

HTML/CSS Bootcamp - Learn HTML, CSS, Flexbox, and CSS Grid

立即報名
  • 3,078 名學生
  • 更新於 4/2021
4.6
(804 個評分)
CTgoodjobs 嚴選優質課程,為職場人士提升競爭力。透過本站連結購買Udemy課程,本站將獲得推廣佣金,有助未來提供更多實用進修課程資訊給讀者。

課程資料

報名日期
全年招生
課程級別
學習模式
修業期
20 小時 52 分鐘
教學語言
英語
授課導師
Jordan Hudgens
評分
4.6
(804 個評分)
5次瀏覽

課程簡介

HTML/CSS Bootcamp - Learn HTML, CSS, Flexbox, and CSS Grid

Learn HTML, CSS, Flexbox, and CSS Grid by building a professional website with modern front end development techniques.

Update April 2021: Added a guide showing how to create a custom cursor in HTML/CSS. Also added a one hour live coding workshop that teaches how to build out tooltips on a website.

Hi and welcome to the HTML/CSS Bootcamp 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:

  • HTML5

  • CSS3

  • Flexbox

  • CSS Grid

  • Animations

  • Media queries for building responsive layouts from scratch

  • CSS Selectors

  • Navigation

  • Fonts

  • Forms

  • How to integrate and style images

  • Front end development best practices

  • And much more!

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.

課程章節

  • 18 個章節
  • 150 堂課
  • 第 1 章 Course Introduction and Source Materials
  • 第 2 章 HTML and CSS Basics
  • 第 3 章 Flexbox, CSS Grid, Animations, and Images
  • 第 4 章 Transforming Image Styles, Box Layouts, and Content Integration
  • 第 5 章 Lists, Anchor Tags and Pseudo Elements
  • 第 6 章 HTML Forms
  • 第 7 章 CSS Media Queries
  • 第 8 章 Site Deployment
  • 第 9 章 HTML and CSS Tips and Tricks
  • 第 10 章 Guide to HTML
  • 第 11 章 Guide to CSS Styles
  • 第 12 章 Guide to HTML Tables
  • 第 13 章 Guide to HTML Forms
  • 第 14 章 Project: Create the Google Homepage
  • 第 15 章 Project: Create the Pinterest Homepage
  • 第 16 章 Project: Create HTML Email Template
  • 第 17 章 Project: Create Tesla Homepage
  • 第 18 章 Project: Using Bootstrap and a Website Template to Design a Social Network

課程內容

  • Build websites using HTML and CSS, Use Flexbox to easily align content on the page, Work with CSS Grid to build a website's layout, Create responsive websites that render custom layouts for smartphones, tablets and desktops, Work with images, Integrate custom fonts, Using CSS based animations, Build real world projects, Create HTML forms for getting user input


評價

  • J
    Joy South
    5.0

    The introduction is amazing. It is very clear what can be expected to learn and what will be covered.

  • L
    Lawin Paul
    5.0

    Speak is suitable, explained also clear,so far is good,,, 👍

  • A
    Alexander Maundrell
    4.0

    The course started out absolutely amazing! There were a couple of things that I had to look up to fully understand, however, that experience itself taught me how to and where to look. Had an issue with the bootstrap at the end of the course. So, I decided to code it all out. I feel this course gave me enough knowledge and confidence to do such a thing.

  • A
    Arvin Al
    4.5

    Overlay, very good course, A little little explanation is missing on some CSS, for example why we set width to 1000px, and media query, rendering on different displays.

立即關注瀏覽更多

本網站使用Cookies來改善您的瀏覽體驗,請確定您同意及接受我們的私隱政策使用條款才繼續瀏覽。

我已閱讀及同意