Udemy

Front-end Web developer MasterClass HTML CSS JavaScript

立即報名
  • 583 名學生
  • 更新於 11/2024
4.3
(125 個評分)
  • 提示:
  • 透過本站連結購買Udemy課程,本站將獲得推廣佣金,有助未來提供更多實用進修課程資訊給讀者。

課程資料

報名日期*
全年招生
課程級別
學習模式
修業期
17 小時 55 分鐘
教學語言
英語
授課導師
Laurence Svekis
評分
4.3
(125 個評分)
*提示: 以上時間表僅供參考,以機構網站為準。

課程簡介

Front-end Web developer MasterClass HTML CSS JavaScript

Learn HTML CSS JavaScript all in one place packed with exercises and source code with examples

Learn HTML CSS and JavaScript all in one course.  This is the complete front end web developer starting course.  

Whether you are looking to refresh your skills, expand your knowledge or looking to just get started with web development this course is for YOU!

A complete comprehensive course covering the core foundations of the web.

What you will learn within this course

  • HTML and HTML5
  • CSS and CSS3 
  • JavaScript 
  • JavaScript DOM selecting elements and manipulating element content

Source Code and examples are included to get you started quickly.  Links to top resources and more all available in one massive course.

This course is taught by an instructor with over 18 years of real world industry experience.  Ready to help you learn web development and answer any questions you may have.

This course is designed to help you learn and practice front-end coding for website development and design.  Learn the core concepts of HTML, CSS and JavaScript. 

Friendly support is always available in the Q&A section ready to help you learn.

Join now take the first step to exploring more about web development.

How the internet works :

  • Learn about DNS names and IP address
  • What makes a website and how does your browser know what to show you.
  • Coding languages HTML CSS JavaScript
  • Web development and what its all about
  • Terms like frontend and backend code
  • Hosting, Browsers, FTP +++
  • Developer tools and resources
  • Tips for web developers

HTML building the code for websites :

  • Understanding HTML foundations
  • Different Types of tags
  • Creating an HTML boilerplate template
  • HTML formatting tags
  • Tags Elements Attributes >
  • Resources to Learn more about HTM
  • HTML Headings
  • Content separation and Common tags
  • Commenting
  • Preformatted text
  • HTML entities ASCii characters
  • Markup Formatting HTML Markup
  • Hyperlinks connecting the pages
  • Using Images Images styling
  • Lists unordered and ordered
  • Nested Lists inside lists, List styles, List options, Description Lists
  • Tables row cells table head and body
  • HTML Forms with input and methods labels and more
  • HTML5 Input HTML5 Types color, date, email, month, number, range, search, tel, time, url, week
  • Input type images upload
  • HTML5 Semantic elements for building structure
  • How iFrames work and can be added to HTML

CSS for presentation

  • What is CSS
  • How to add styling to HTML elements
  • CSS defined what it does in Web development
  • Websites with CSS vs without CSS
  • Containers grouping content spans and divs
  • Selects getting the right element
  • Adding CSS to code
  • CSS color options palette fonts and backgrounds
  • Borders Margins Padding - Box model
  • Text and fonts CSS
  • tables and lists with CSS
  • Element Display and positioning
  • Building a navbar
  • Advanced CSS selectors
  • Pseudo Classes and Pseudo Elements
  • Media Queries

JavaScript Fundamentals

  • What is JavaScript
  • Writing JavaScript is code and what it does
  • Adding JavaScript to your web page
  • Developer console log
  • JavaScript data type
  • What variables are and how they are used
  • Operators for applying logic to code
  • Arrays and objects to hold data
  • Conditionals with logic
  • Loops for while and do
  • JavaScript functions at the heart of JavaScript
  • More Built in functions methods

JavaScript Document Object Model

  • What is the DOM and how it works
  • Updating and manipulating elements
  • Selecting multiple elements
  • Page event listeners
  • Click events

課程章節

  • 10 個章節
  • 252 堂課
  • 第 1 章 Introduction to web development course
  • 第 2 章 How the internet works
  • 第 3 章 Basics of HTML
  • 第 4 章 HTML more tags
  • 第 5 章 Introduction to CSS
  • 第 6 章 Using CSS to build webpage layouts
  • 第 7 章 Advanced CSS
  • 第 8 章 Do more with CSS
  • 第 9 章 Apply CSS create a website
  • 第 10 章 JavaScript do more on your web page

課程內容

  • Create interactive websites from scratch
  • Become familiar with coding and creating web pages and applications

評價

  • B
    Bishnu Bhusal
    3.0

    I did not like the way the contents were taught. It has a poor explanation. Not so beginner-friendly. I wish I had a better teacher.

  • M
    Miriam Cortes Suarez
    3.0

    This course was my first approach to Web Development, knowing absolutely nothing about it. The course started explaining basics and helping me to understand how it all works, so I could start learning the different languages and having some understanding of what I'm doing step by step. As the course kept going, I found out that there are some things that are not fully explained or simply just left with no explanation at all (sometimes, a brief explanation was given several steps later), but I managed to understand a few doing some side search. When I finally reached the JavaScript content, I found myself completely lost, because there was no explanation whatsoever about the practical application of the things that were taught, so for me it was similar to learning letters and sounds, not knowing that they would form words and sentences. I stopped doing the course for some time because I couldn't find some sense in the JavaScript usage and its applications to the real world, but I decided one day to finish it, doing A LOT of side search and trying to get some understanding on my own. I found out that a lot of things were assumed to be known, even though they weren't explained throughout the course, and are key to understand how JavaScript works. Definitions, differences and examples of key factors are missing, and I found a lack of depth in JavaScript basic knowledge, tools and exercises.

  • L
    LeDarius Norwood
    4.5

    Definitely a good course for understanding HTML CSS and JS!

  • M
    Marius Leskauskas
    3.5

    Sometimes copying and pasting of code is too fast to track...

立即關注瀏覽更多

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

我已閱讀及同意