本課程是 Frontend Development using React 專項課程專項課程的一部分

3.1

星

22 個評分

NIIT

2,770 人已註冊

提供方

Frontend Development using React 專項課程NIIT

課程信息

8,477 次近期查看

Web content is accessed by millions across the globe every day. Attractive web pages help businesses grow and provide an omnipresent experience to the viewers. 
In this course you will get an understanding on how HTML5 is used to structure simple web pages from scratch and how CSS3 enhances their appearance. The customized learning environment and step-by step teaching approach of this course augments the learning experience. The real-world scenarios and challenges presented during the course will train you to resolve the different challenges that front-end engineers stumble upon in their work life.

可靈活調整截止日期

根據您的日程表重置截止日期。

可分享的證書

完成後獲得證書

100% 在線

立即開始，按照自己的計劃學習。

第 1 門課程（共 8 門）

Frontend Development using React 專項課程

初級

完成時間大約為11 小時

英語（English）

您將學到的內容有

Learn to create easily accessible, attractive, and static web pages using HTML5 and CSS3

可靈活調整截止日期

根據您的日程表重置截止日期。

可分享的證書

完成後獲得證書

100% 在線

立即開始，按照自己的計劃學習。

第 1 門課程（共 8 門）

Frontend Development using React 專項課程

初級

完成時間大約為11 小時

英語（English）

授課教師

授課教師評分

3.75/5 （5 個評分）

NIIT

9,505 個學生

13 門課程

提供方

NIIT

授課大綱 - 您將從這門課程中學到什麼

週

週 1

完成時間為 3 小時

Develop a Web Page using HTML5

完成時間為 3 小時

14 個視頻（總計 54 分鐘）, 3 個閱讀材料, 3 個測驗

14 個視頻

Context Setting2分鐘

Anatomy of a HTML element and a HTML document5分鐘

Watch and Repeat : Create a HTML document in notepad/text editor3分鐘

Create a web page using commonly used HTML5 elements3分鐘

Watch and Repeat : Downloading and Installing VS code4分鐘

Watch and Repeat : Creating header and paragraph elements in a HTML file6分鐘

Watch and Repeat : Creating image , anchor and list tags in a HTML file 7分鐘

Install a HTTP server to deliver web pages1分鐘

Use Emmet Tool Kit and multi cursor feature in VS Code2分鐘

Watch and Repeat : Emmet Toolkit and Multi-cursor12分鐘

Practice Brief 11分鐘

Practice Brief 21分鐘

Practice Debrief :: Develop a web page using HTML1分鐘

Learning Consolidation1分鐘

3 個閱讀材料

IDE for creating HTML documents and W3C Compliance10分鐘

Instructions to upload the Programming Assignment Solution5分鐘

Develop a web page using HTML30分鐘

1 個練習

Develop a web page using HTML530分鐘

週

週 2

完成時間為 3 小時

Develop a Web page using Semantic and HTML5 elements

完成時間為 3 小時

12 個視頻（總計 39 分鐘）, 1 個閱讀材料, 2 個測驗

12 個視頻

Context Setting1分鐘

Differentiate between non-semantic and semantic elements3分鐘

Watch and Repeat : Semantic and Non-Semantic Elements7分鐘

Identify the benefits of using semantic elements2分鐘

Explain the use of semantic markup by screen readers for page navigation4分鐘

Watch and Repeat : Aria Lables4分鐘

Structure a web page using semantic HTML elements4分鐘

Watch and Repeat : Popular semantic HTML5 elements5分鐘

Watch and Repeat : Semantic elements like Footer, Figure and Details2分鐘

Practice Brief1分鐘

Practice Debrief2分鐘

Learning Consolidation1分鐘

1 個閱讀材料

Structure a Web page using Semantic and HTML5 elements10分鐘

1 個練習

Structure a Web page using Semantic and HTML5 elements30分鐘

週

週 3

完成時間為 3 小時

Style a Web page using basic CSS properties

完成時間為 3 小時

10 個視頻（總計 44 分鐘）, 1 個閱讀材料, 2 個測驗

10 個視頻

Context Setting1分鐘

Use CSS to style a HTML page2分鐘

Watch and Repeat : Different ways of applying styles8分鐘

Select HTML elements using CSS selectors3分鐘

Watch and Repeat : Select HTML elements using CSS selectors8分鐘

Apply styles to an HTML element using CSS properties7分鐘

Watch and Repeat : Apply styles using CSS properties6分鐘

Practice Brief1分鐘

Practice Debrief2分鐘

Learning Consolidation49

1 個閱讀材料

Style a Web page using CSS properties10分鐘

1 個練習

Style a Web page using CSS properties30分鐘

週

週 4

完成時間為 3 小時

Style a Web page using CSS box model properties

完成時間為 3 小時

13 個視頻（總計 50 分鐘）, 1 個閱讀材料, 2 個測驗

13 個視頻

Context Setting1分鐘

Create layouts by using the CSS box model 2分鐘

Apply margin, border and padding to add more breathing space to the design6分鐘

Watch and Repeat : CSS Box Model10分鐘

Watch and Repeat : Standard and Alternate box model3分鐘

Manage grouping of elements using the CSS display property3分鐘

Watch and Repeat : CSS display property5分鐘

Apply CSS specificity3分鐘

Watch and Repeat : CSS specificity6分鐘

Use BEM syntax while creating the CSS class names1分鐘

Practice Brief1分鐘

Practice Debrief2分鐘

Learning Consolidation1分鐘

1 個閱讀材料

Style a Web page using CSS box model10分鐘

1 個練習

Style a Web page using CSS box model30分鐘

關於 Frontend Development using React 專項課程

If innovation and creativity in technology attracts you and developing impressive webpages are your passion, then this specialization is for you.

Front-end developers are skilled professionals who are experts in combining the art of designing with the science of programming. The skills acquired in this field presents copious opportunities for individuals like you in the field of web application development. This Specialization transforms learners with no programming background into front-end Web developers who can build highly engaging consumer-facing, rich front-end Single Page Application (SPA).

常見問題

我什么时候能够访问课程视频和作业？
讲座和作业的访问权限取决于您的注册类型。如果您以旁听模式参加课程，则可以免费查看大多数课程资料。要访问评分作业并获得证书，您需要在旁听期间或之后购买证书体验。如果看不到旁听选项：
课程可能不提供旁听选项。您可以尝试免费试用，也可以申请助学金。
课程可能会改为提供'完整课程，没有证书'。通过此选项，您可以查看所有课程材料、提交所要求的作业，以及获得最终成绩。这也意味着您将无法购买证书体验。
我订阅此专项课程后会得到什么？
您注册课程后，将有权访问专项课程中的所有课程，并且会在完成课程后获得证书。您的电子课程证书将添加到您的成就页中，您可以通过该页打印您的课程证书或将其添加到您的领英档案中。如果您只想阅读和查看课程内容，可以免费旁听课程。
有助学金吗？
是的。如果您负担不起学习计划的注册费，则可以在选择学习计划时申请助学金或奖学金。如果您选择的学习计划提供助学金或奖学金，则您将在描述页面上看到一个申请链接。

還有其他問題嗎？請訪問學生幫助中心。

Introduction to building Web Pages using HTML5 and CSS3

課程信息

您將學到的內容有

授課教師

NIIT

提供方

NIIT

授課大綱 - 您將從這門課程中學到什麼

Develop a Web Page using HTML5

Develop a Web page using Semantic and HTML5 elements

Style a Web page using basic CSS properties

Style a Web page using CSS box model properties

關於 Frontend Development using React 專項課程

常見問題

開拓職業生涯或促進職業發展

熱門課程和證書

熱門收藏和文章

在線獲得學位或證書

Coursera

社區

更多

Introduction to building Web Pages using HTML5 and CSS3

課程信息

您將學到的內容有

授課教師

NIIT

提供方

NIIT

授課大綱 - 您將從這門課程中學到什麼

Develop a Web Page using HTML5

Develop a Web page using Semantic and HTML5 elements

Style a Web page using basic CSS properties

Style a Web page using CSS box model properties

關於 Frontend Development using React 專項課程

常見問題

Coursera Footer

開拓職業生涯或促進職業發展

熱門課程和證書

熱門收藏和文章

在線獲得學位或證書

Coursera

社區

更多