Do you realize that the only functionality of a web application that the user directly interacts with is through the web page? Implement it poorly and, to the user, the server-side becomes irrelevant! Today’s user expects a lot out of the web page: it has to load fast, expose the desired service, and be comfortable to view on all devices: from a desktop computers to tablets and mobile phones.
Этот курс входит в специализацию ''Специализация Веб-разработка на Ruby on Rails'
HTML, CSS, and Javascript for Web Developers
от партнера
Об этом курсе
Недавно просмотрено: 560,642
Карьерные результаты учащихся
53%
начал новую карьеру, пройдя эти курсы
46%
получил значимые преимущества в карьере благодаря этому курсу
14%
стал больше зарабатывать или получил повышение
Приобретаемые навыки
HtmlJavaScriptCss FrameworksCascading Style Sheets (CCS)
Карьерные результаты учащихся
53%
начал новую карьеру, пройдя эти курсы
46%
получил значимые преимущества в карьере благодаря этому курсу
14%
стал больше зарабатывать или получил повышение
100% онлайн
Начните сейчас и учитесь по собственному графику.
Курс 4 из 6 в программе
Гибкие сроки
Назначьте сроки сдачи в соответствии со своим графиком.
Прибл. 33 часа на выполнение
Предполагаемая нагрузка: 5 weeks of study, 4-6 hours/week
Английский
Субтитры: Английский, Корейский
от партнера
Университет Джонса Хопкинса
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.
Программа курса: что вы изучите
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.
5 ч. на завершение
18 видео ((всего 120 мин.)), 6 материалов для самостоятельного изучения, 12 тестов
18 видео
Welcome to Module 1: Introduction to HTML51мин
Development Environment Setup, Part 13мин
Development Environment Setup, Part 2: MacOS8мин
Development Environment Setup, Part 2: Windows6мин
Development Environment Setup, Part 3: Github and Browser Sync17мин
Resources for Asking Questions5мин
Lecture 1: What is HTML?7мин
Lecture 2: Relevant History of HTML10мин
Lecture 3: Anatomy of an HTML Tag5мин
Lecture 4: Basic HTML Document Structure6мин
Lecture 5: HTML Content Models6мин
Lecture 6: Heading Elements (and some new HTML5 semantic comments)7мин
Lecture 7: Lists5мин
Lecture 8: HTML Character Entity References7мин
Lecture 9: Creating Links9мин
Lecture 10: Displaying Images6мин
Module 1 Wrap-Up30
6 материала для самостоятельного изучения
How Grading and Being Late on Assignments Works10мин
Recommended Books10мин
CHECK OUT MY SITE!10мин
ALL of the EXAMPLE SOURCE CODE for this Course10мин
Frequently Asked Questions10мин
CONNECT WITH ME!10мин
12 практического упражнения
Optional Practice Quiz8мин
Optional Practice Quiz2мин
Optional Practice Quiz2мин
Optional Practice Quiz4мин
Optional Practice Quiz2мин
Optional Practice Quiz12мин
Optional Practice Quiz4мин
Optional Practice Quiz2мин
Optional Practice Quiz4мин
Optional Practice Quiz4мин
Optional Practice Quiz2мин
Module 1 Quiz46мин
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.
7 ч. на завершение
27 видео ((всего 188 мин.)), 4 материалов для самостоятельного изучения, 15 тестов
27 видео
Lecture 11: Power of CSS5мин
Lecture 12: Anatomy of a CSS Rule4мин
Lecture 13: Element, Class, and ID Selectors9мин
Lecture 14: Combining Selectors9мин
Lecture 15: Pseudo-Class Selectors9мин
Lecture 16: Style Placement5мин
Lecture 17, Part 1: Conflict Resolution8мин
Lecture 17, Part 2: Conflict Resolution6мин
Lecture 18, Part 1: Styling Text6мин
Lecture 18, Part 2: Styling Text5мин
Lecture 19, Part 1: The Box Model10мин
Lecture 19, Part 2: The Box Model7мин
Lecture 19, Part 3: The Box Model5мин
Lecture 20: The background Property6мин
Lecture 21: Positioning Elements by Floating10мин
Lecture 22, Part 1: Relative and Absolute Element Positioning7мин
Lecture 22, Part 2: Relative and Absolute Element Positioning3мин
Lecture 23, Part 1: Media Queries4мин
Lecture 23, Part 2: Media Queries9мин
Lecture 24, Part 1: Responsive Design7мин
Lecture 24, Part 2: Responsive Design11мин
Lecture 25, Part 1: Introduction to Twitter Bootstrap5мин
Lecture 25, Part 2: Introduction to Twitter Bootstrap7мин
Lecture 26, Part 1: The Bootstrap Grid System9мин
Lecture 26, Part 2: The Bootstrap Grid System9мин
Module 2 Wrap-Up38
4 материала для самостоятельного изучения
Recommended Books10мин
ENTER RAFFLE (ends April 23rd, 2017)10мин
CONNECT WITH ME!10мин
Frequently Asked Questions10мин
14 практического упражнения
Optional Practice Quiz6мин
Optional Practice Quiz4мин
Optional Practice Quiz4мин
Optional Practice Quiz6мин
Optional Practice Quiz2мин
Optional Practice Quiz4мин
Optional Practice Quiz4мин
Optional Practice Quiz8мин
Optional Practice Quiz2мин
Optional Practice Quiz4мин
Optional Practice Quiz4мин
Optional Practice Quiz4мин
Optional Practice Quiz6мин
Optional Practice Quiz8мин
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.
6 ч. на завершение
24 видео ((всего 201 мин.)), 3 материалов для самостоятельного изучения, 6 тестов
24 видео
Lecture 27, Part 1: Visit with the Client10мин
Lecture 27, Part 2: Visit with the Client (Field Trip)9мин
Lecture 28: Design Overview9мин
Lecture 29: Some Ground Rules and Overview of Setup10мин
Lecture 30, Part 1: Coding Basics of Navbar Header9мин
Lecture 30, Part 2: Coding Basics of Navbar Header7мин
Lecture 31: Coding Button for Future Collapsible Menu6мин
Lecture 32, Part 1: Coding Nav Menu Buttons11мин
Lecture 32, Part 2: Coding Nav Menu Buttons3мин
Lecture 33, Part 1: Fixing Navbar Layout, Text, and Dropdown Menus7мин
Lecture 33, Part 2: Fixing Navbar Layout, Text, and Dropdown Menus4мин
Lecture 34: Coding the Jumbotron11мин
Lecture 35, Part 1: Coding Navigation Tiles11мин
Lecture 35, Part 2: Coding Navigation Tiles13мин
Lecture 36, Part 1: Coding the Footer10мин
Lecture 36, Part 2: Coding the Footer3мин
Lecture 37, Part 1: Coding the Menu Categories14мин
Lecture 37, Part 2: Coding the Menu Categories6мин
Lecture 38, Part 1: Coding the Single Menu Category Page11мин
Lecture 38, Part 2: Coding the Single Menu Category Page13мин
Lecture 38, Part 3: Coding the Single Menu Category Page7мин
Lecture 39: Testing the Mobile Version on a Real Phone4мин
Module 3 Wrap-Up28
3 материала для самостоятельного изучения
Recommended Books10мин
ENTER RAFFLE (ends April 23rd, 2017)10мин
Frequently Asked Questions10мин
5 практического упражнения
Optional Practice Quiz4мин
Optional Practice Quiz2мин
Optional Practice Quiz2мин
Optional Practice Quiz2мин
Optional Practice Quiz4мин
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.
6 ч. на завершение
24 видео ((всего 151 мин.)), 3 материалов для самостоятельного изучения, 10 тестов
24 видео
Lecture 40, Part 1: Adjusting Development Environment for Javascript Development5мин
Lecture 40, Part 2: Where to Place Javascript Code5мин
Lecture 41, Part 1: Defining Variables, Function, and Scope8мин
Lecture 41, Part 2: Defining Variables, Function, and Scope4мин
Lecture 42, Part 1: Javascript Types5мин
Lecture 42, Part 2: Javascript Types4мин
Lecture 43, Part 1: Common Language Constructs8мин
Lecture 43, Part 2: Common Language Constructs4мин
Lecture 43, Part 3: Common Language Constructs7мин
Lecture 44: Handling Default Values4мин
Lecture 45, Part 1: Creating Objects Using 'new Object()' Syntax7мин
Lecture 45, Part 2: Creating Objects Using Object Literal Syntax5мин
Lecture 46: Functions Explained8мин
Lecture 47, Part 1: Passing Variables by Value vs. by Reference6мин
Lecture 47, Part 2: Passing Variables by Value vs. by Reference7мин
Lecture 48: Function Constructors, prototype, and the 'this' Keyword12мин
Lecture 49: Object Literals and the 'this' Keyword6мин
Lecture 50, Part 1: Arrays8мин
Lecture 50, Part 2: Arrays4мин
Lecture 51: Closures6мин
Lecture 52, Part 1: Fake Namespaces6мин
Lecture 52, Part 2: Immediately Invoked Function Expressions (IIFEs)8мин
Module 4 Wrap-Up44
3 материала для самостоятельного изучения
Recommended Books10мин
ENTER RAFFLE (ends April 23rd, 2017)10мин
Frequently Asked Questions10мин
9 практического упражнения
Optional Practice Quiz6мин
Optional Practice Quiz4мин
Optional Practice Quiz4мин
Optional Practice Quiz2мин
Optional Practice Quiz2мин
Optional Practice Quiz4мин
Optional Practice Quiz2мин
Optional Practice Quiz2мин
Optional Practice Quiz4мин
Рецензии
Лучшие отзывы о курсе HTML, CSS, AND JAVASCRIPT FOR WEB DEVELOPERS
от партнера SWMar 14, 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 15, 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.
от партнера JHMay 31, 2019
Very interesting and well presented. It's difficult to address all the different experience levels so some points were (to me) a bit laboured, but overall a useful, informative and enjoyable course.
от партнера FPJan 13, 2017
Excelent course with an excelent teacher. I just found this course kind of easy comparing to Ruby courses (interoduction, rails and mongodb). It could have more chalanging assignments.\n\n5 stars!!
от партнера DQFeb 19, 2017
I learned very much in this course. I enjoyed each moment studied the content. The teaching methodology is wonderful and teacher is so nice. In general, this course is excellent and I recommend it.
от партнера NMMay 26, 2016
Besides the Course been very good, I thing it could be a little bit harder. After watch the lectures of Module 3, I got sad because the Assignment didn't asked for a lot of things we have learned.
от партнера CSJan 26, 2017
Professor was awesome! Lectures were really good. The only thing that I can think to improve on is some clarity on the explanations but even then that was on point. Enjoyed this course very much!
от партнера SBAug 20, 2016
What a thoroughly informative and enjoyable course! A big shout-out to Prof. Chaikin who explains the concepts in such a brilliant manner. Highly recommend this course to budding web developers.
от партнера AGMar 13, 2020
It is well done but it is very basic. The method is good since we get the basic programs to work with them and follow the lectures. The instructor explains things in a detailed and clear manner.
от партнера HSAug 6, 2016
The course is very informative and useful if you are newly introducing yourself to web development.\n\nAnd the instructor is just awesome! He makes the course very interesting, deserves 5 stars.
от партнера YVSep 28, 2016
Very good course to start in the world of web development, I loved the part where you talk to the customer and note the requirements that will have the site (First time I see a course) is taken.
от партнера QLJan 22, 2018
Very exceptional course with clear and understandable lectures, leading student from nothing through basic levels of web development and finish at making a decent looking website. Worth taking!
от партнера JBDec 16, 2016
Awesome course for learning important aspect of HTML, CSS and Js. Yo get a big picture but also learn the technical material. You can learn what you can and cannot do with these technologies.
от партнера MMAug 8, 2016
Phenomenal course! Hands-on, great and thorough lectures. Perfect for beginners as well as people with some experience/idea how html works! Much more advanced than many other courses offered.
от партнера PMMar 17, 2017
Awesome course! I really liked the way Prof. Yaakov Chaikin has structured the course, very informative and very interactive. Thanks to Prof. Yaakov. I would definitely recommend this course.
от партнера KMDec 30, 2017
Great! Not only did it help me learn HTML, CSS, JS, but also helped in understanding how should the code be written, what are the good practices. Loved the way Professor explained everything!
от партнера DAAug 8, 2016
This teacher is amazing. I was registered for Angular, when it was delayed the teacher wrote and recommended this (week 4 and 5) to brush up on Javascript. So glad I found it. He is so clear.
от партнера FFJan 24, 2017
Great course and instructor. Requires no pre-requisites and goes quite deep. Will teach alot about web development, and instructor responds in forums with detailed replies. Active community.
от партнера MOAug 22, 2019
I think this has been the best course I have taken, very useful for those who know a little but we are not experts, because it helps to continue learning and improving our skills. Thank you!
от партнера MEOct 22, 2016
Great course. I really recommend it. I have learned many things. Maybe it could be a bit tough for who doesn't have any experience with coding, but It's totally worth it. I really enjoy it.
Специализация Веб-разработка на Ruby on Rails: общие сведения
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.
Часто задаваемые вопросы
Когда я получу доступ к лекциям и заданиям?
Зарегистрировавшись на сертификацию, вы получите доступ ко всем видео, тестам и заданиям по программированию (если они предусмотрены). Задания по взаимной оценке сокурсниками можно сдавать и проверять только после начала сессии. Если вы проходите курс без оплаты, некоторые задания могут быть недоступны.
Что я получу, оформив подписку на специализацию?
Записавшись на курс, вы получите доступ ко всем курсам в специализации, а также возможность получить сертификат о его прохождении. После успешного прохождения курса на странице ваших достижений появится электронный сертификат. Оттуда его можно распечатать или прикрепить к профилю LinkedIn. Просто ознакомиться с содержанием курса можно бесплатно.
Какие правила возврата средств?
Можно ли получить финансовую помощь?
Остались вопросы? Посетите Центр поддержки учащихся.
