About this Course
최근 조회 297,334

다음 전문 분야의 6개 강좌 중 4번째 강좌:

100% 온라인

지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.

유동적 마감일

일정에 따라 마감일을 재설정합니다.

완료하는 데 약 33시간 필요

권장: 5 weeks of study, 4-6 hours/week...

영어

자막: 영어, 한국어

귀하가 습득할 기술

HtmlJavaScriptCss FrameworksCascading Style Sheets (CCS)

다음 전문 분야의 6개 강좌 중 4번째 강좌:

100% 온라인

지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.

유동적 마감일

일정에 따라 마감일을 재설정합니다.

완료하는 데 약 33시간 필요

권장: 5 weeks of study, 4-6 hours/week...

영어

자막: 영어, 한국어

강의 계획 - 이 강좌에서 배울 내용

1
완료하는 데 5시간 필요

Introduction to HTML5

In this module we will learn the basics of HTML5. We'll start with instructional videos on how to set up your development environment, go over HTML5 basics like valid document structure, which elements can be included inside other elements and which can not, discuss the meaning and usefulness of HTML5 semantic tags, and go over essential HTML5 tags.

...
18 videos (Total 120 min), 6 readings, 12 quizzes
18개의 동영상
Development Environment Setup, Part 2: MacOS8m
Development Environment Setup, Part 2: Windows6m
Development Environment Setup, Part 3: Github and Browser Sync17m
Resources for Asking Questions5m
Lecture 1: What is HTML?7m
Lecture 2: Relevant History of HTML10m
Lecture 3: Anatomy of an HTML Tag5m
Lecture 4: Basic HTML Document Structure6m
Lecture 5: HTML Content Models6m
Lecture 6: Heading Elements (and some new HTML5 semantic comments)7m
Lecture 7: Lists5m
Lecture 8: HTML Character Entity References7m
Lecture 9: Creating Links9m
Lecture 10: Displaying Images6m
Module 1 Wrap-Up30
6개의 읽기 자료
How Grading and Being Late on Assignments Works10m
Recommended Books10m
CHECK OUT MY SITE!10m
ALL of the EXAMPLE SOURCE CODE for this Course10m
Frequently Asked Questions10m
CONNECT WITH ME!10m
12개 연습문제
Optional Practice Quiz8m
Optional Practice Quiz2m
Optional Practice Quiz2m
Optional Practice Quiz4m
Optional Practice Quiz2m
Optional Practice Quiz12m
Optional Practice Quiz4m
Optional Practice Quiz2m
Optional Practice Quiz4m
Optional Practice Quiz4m
Optional Practice Quiz2m
Module 1 Quiz46m
2
완료하는 데 7시간 필요

Introduction to CSS3

A lot of people "tinker" with CSS. In this module, we'll take you from the very basics of CSS3 to some fairly advanced concepts like floating and CSS rule conflict resolution. We'll go over the 'box model', background property, etc. We'll finish off the module with learning about Responsive Design using our own CSS code as well as start introducing Twitter Bootstrap with its essential Grid System.

...
27 videos (Total 188 min), 4 readings, 15 quizzes
27개의 동영상
Lecture 13: Element, Class, and ID Selectors9m
Lecture 14: Combining Selectors9m
Lecture 15: Pseudo-Class Selectors9m
Lecture 16: Style Placement5m
Lecture 17, Part 1: Conflict Resolution8m
Lecture 17, Part 2: Conflict Resolution6m
Lecture 18, Part 1: Styling Text6m
Lecture 18, Part 2: Styling Text5m
Lecture 19, Part 1: The Box Model10m
Lecture 19, Part 2: The Box Model7m
Lecture 19, Part 3: The Box Model5m
Lecture 20: The background Property6m
Lecture 21: Positioning Elements by Floating10m
Lecture 22, Part 1: Relative and Absolute Element Positioning7m
Lecture 22, Part 2: Relative and Absolute Element Positioning3m
Lecture 23, Part 1: Media Queries4m
Lecture 23, Part 2: Media Queries9m
Lecture 24, Part 1: Responsive Design7m
Lecture 24, Part 2: Responsive Design11m
Lecture 25, Part 1: Introduction to Twitter Bootstrap5m
Lecture 25, Part 2: Introduction to Twitter Bootstrap7m
Lecture 26, Part 1: The Bootstrap Grid System9m
Lecture 26, Part 2: The Bootstrap Grid System9m
Module 2 Wrap-Up38
4개의 읽기 자료
Recommended Books10m
ENTER RAFFLE (ends April 23rd, 2017)10m
CONNECT WITH ME!10m
Frequently Asked Questions10m
14개 연습문제
Optional Practice Quiz6m
Optional Practice Quiz4m
Optional Practice Quiz4m
Optional Practice Quiz6m
Optional Practice Quiz2m
Optional Practice Quiz4m
Optional Practice Quiz4m
Optional Practice Quiz8m
Optional Practice Quiz2m
Optional Practice Quiz4m
Optional Practice Quiz4m
Optional Practice Quiz4m
Optional Practice Quiz6m
Optional Practice Quiz8m
3
완료하는 데 6시간 필요

Coding the Static Restaurant Site

Ready for some REAL fun? This module is it! We'll go over some basics of interacting with a client when managing a web site project and then go visit a real client at their place of business (a Chinese restaurant), help the owner figure out what she wants in a site, and get acquainted with the restaurant in general. We'll spend the rest of the module building a real web site for this business from scratch and you'll get to sit next to me and watch as the site comes together.

...
24 videos (Total 201 min), 3 readings, 6 quizzes
24개의 동영상
Lecture 28: Design Overview9m
Lecture 29: Some Ground Rules and Overview of Setup10m
Lecture 30, Part 1: Coding Basics of Navbar Header9m
Lecture 30, Part 2: Coding Basics of Navbar Header7m
Lecture 31: Coding Button for Future Collapsible Menu6m
Lecture 32, Part 1: Coding Nav Menu Buttons11m
Lecture 32, Part 2: Coding Nav Menu Buttons3m
Lecture 33, Part 1: Fixing Navbar Layout, Text, and Dropdown Menus7m
Lecture 33, Part 2: Fixing Navbar Layout, Text, and Dropdown Menus4m
Lecture 34: Coding the Jumbotron11m
Lecture 35, Part 1: Coding Navigation Tiles11m
Lecture 35, Part 2: Coding Navigation Tiles13m
Lecture 36, Part 1: Coding the Footer10m
Lecture 36, Part 2: Coding the Footer3m
Lecture 37, Part 1: Coding the Menu Categories14m
Lecture 37, Part 2: Coding the Menu Categories6m
Lecture 38, Part 1: Coding the Single Menu Category Page11m
Lecture 38, Part 2: Coding the Single Menu Category Page13m
Lecture 38, Part 3: Coding the Single Menu Category Page7m
Lecture 39: Testing the Mobile Version on a Real Phone4m
Module 3 Wrap-Up28
3개의 읽기 자료
Recommended Books10m
ENTER RAFFLE (ends April 23rd, 2017)10m
Frequently Asked Questions10m
5개 연습문제
Optional Practice Quiz4m
Optional Practice Quiz2m
Optional Practice Quiz2m
Optional Practice Quiz2m
Optional Practice Quiz4m
4
완료하는 데 6시간 필요

Introduction to Javascript

What fun would a web site be if there was no functionality to it? In this module, we are going to concentrate on learning the fundamentals of the Javascript language. A lot of even seasoned developers “tinker” with Javascript without really understanding how the language works. That leads to viewing the language as more of a nuisance instead of a powerful tool. That is why we are going to concentrate not only on the “how” but also on the “why”, so you are empowered by the Javascript language features, not confused by them. We’ll cover just about everything - from common language constructs and Javascript types to objects, functions, arrays, closures, and scope isolation.

...
24 videos (Total 151 min), 3 readings, 10 quizzes
24개의 동영상
Lecture 41, Part 1: Defining Variables, Function, and Scope8m
Lecture 41, Part 2: Defining Variables, Function, and Scope4m
Lecture 42, Part 1: Javascript Types5m
Lecture 42, Part 2: Javascript Types4m
Lecture 43, Part 1: Common Language Constructs8m
Lecture 43, Part 2: Common Language Constructs4m
Lecture 43, Part 3: Common Language Constructs7m
Lecture 44: Handling Default Values4m
Lecture 45, Part 1: Creating Objects Using 'new Object()' Syntax7m
Lecture 45, Part 2: Creating Objects Using Object Literal Syntax5m
Lecture 46: Functions Explained8m
Lecture 47, Part 1: Passing Variables by Value vs. by Reference6m
Lecture 47, Part 2: Passing Variables by Value vs. by Reference7m
Lecture 48: Function Constructors, prototype, and the 'this' Keyword12m
Lecture 49: Object Literals and the 'this' Keyword6m
Lecture 50, Part 1: Arrays8m
Lecture 50, Part 2: Arrays4m
Lecture 51: Closures6m
Lecture 52, Part 1: Fake Namespaces6m
Lecture 52, Part 2: Immediately Invoked Function Expressions (IIFEs)8m
Module 4 Wrap-Up44
3개의 읽기 자료
Recommended Books10m
ENTER RAFFLE (ends April 23rd, 2017)10m
Frequently Asked Questions10m
9개 연습문제
Optional Practice Quiz6m
Optional Practice Quiz4m
Optional Practice Quiz4m
Optional Practice Quiz2m
Optional Practice Quiz2m
Optional Practice Quiz4m
Optional Practice Quiz2m
Optional Practice Quiz2m
Optional Practice Quiz4m
4.9
1717개의 리뷰Chevron Right

53%

이 강좌를 수료한 후 새로운 경력 시작하기

47%

이 강좌를 통해 확실한 경력상 이점 얻기

12%

급여 인상 또는 승진하기

HTML, CSS, and Javascript for Web Developers의 최상위 리뷰

대학: SWMar 15th 2016

This was a really great course, i learned so much, and it was really interesting and very well explained. I will be taking any more courses done by Yaakov! Really excellent course, thank you so much.

대학: NCMar 16th 2018

Excellent course, specially if you are a professional but in different technologies/ languages, from the back-end world, etc... You will progress very fast as it goes right to the essential notions.

강사

Avatar

Yaakov Chaikin

Adjunct Professor, Graduate Computer Science
Whiting School of Engineering

존스홉킨스대학교 정보

The mission of The Johns Hopkins University is to educate its students and cultivate their capacity for life-long learning, to foster independent and original research, and to bring the benefits of discovery to the world....

Ruby on Rails Web Development 전문 분야 정보

This Specialization covers the fundamentals of web development with Ruby on Rails. You’ll learn everything you need to develop your own web application using Ruby on Rails, SQL and NoSQL databases, and HTML/CSS, and Javascript. We will also touch on advanced topics such as security, services using HTTP/RESTful access patterns, and user access and user experience from multiple device platforms. In the final Capstone Project, you’ll apply your skills to develop a web application that hosts uploaded photos and displays them using a map....
Ruby on Rails Web Development

자주 묻는 질문

  • 강좌에 등록하면 바로 모든 비디오, 테스트 및 프로그래밍 과제(해당하는 경우)에 접근할 수 있습니다. 상호 첨삭 과제는 이 세션이 시작된 경우에만 제출하고 검토할 수 있습니다. 강좌를 구매하지 않고 살펴보기만 하면 특정 과제에 접근하지 못할 수 있습니다.

  • 강좌를 등록하면 전문 분야의 모든 강좌에 접근할 수 있고 강좌를 완료하면 수료증을 취득할 수 있습니다. 전자 수료증이 성취도 페이지에 추가되며 해당 페이지에서 수료증을 인쇄하거나 LinkedIn 프로필에 수료증을 추가할 수 있습니다. 강좌 내용만 읽고 살펴보려면 해당 강좌를 무료로 청강할 수 있습니다.

궁금한 점이 더 있으신가요? 학습자 도움말 센터를 방문해 보세요.