In this course you will learn three key website programming and design languages: HTML, CSS and JavaScript. You will create a web page using basic elements to control layout and style. Additionally, your web page will support interactivity.
At the end of the course, you will be able to:
1. Define the purpose of HTML, CSS and JavaScript
2. Make a simple web page using HTML
3. Use CSS to control text styles and layout
4. Use CSS libraries such as Bootstrap to create responsive layouts
5. Use JavaScript variables and functions
6. Manipulate web page content using JavaScript
7. Respond to user input using JavaScript
In this course, you will complete:
2 assignments writing HTML, CSS and JavaScript, each taking ~1 hour to complete
4 quizzes, each taking ~20 minutes to complete
1 programming exercise~30 minutes to complete
multiple practice quizzes, each taking ~5 minutes to complete
Participation in or completion of this online course will not confer academic credit for University of London programmes.
Этот курс входит в специализацию ''Специализация Разработка и проектирование адаптивных веб-сайтов'
Responsive Website Basics: Code with HTML, CSS, and JavaScript
от партнера
Лондонский университет
Голдсмитский колледж, Лондонский университет
Программа курса: что вы изучите
Неделя
1Course introduction
Welcome to the first course of the 'Responsive website development and design' specialisation!
1 видео ((всего 1 мин.)), 2 материалов для самостоятельного изучения
1 видео
2 материала для самостоятельного изучения
Course outline10мин
Grading and assessment information10мин
HTML
We start the course by looking at how to set up a dev environment, build a HTML navbar and how to embed images and create lists using HTML.<p>Also we'll create properly structured HTML documents and have a look at the world's first web page. <p> Looking forward to working with you this week! <p> Matthew, Marco and Kate
10 видео ((всего 50 мин.)), 3 материалов для самостоятельного изучения, 9 тестов
10 видео
Overview35
Web basics4мин
Set up the dev environment6мин
Write some HTML6мин
Build a Nav bar9мин
Images and lists8мин
Properly structured documents6мин
The world's first web page revisited3мин
What does 'responsive' mean?2мин
HTML summary23
3 материала для самостоятельного изучения
Code for this module10мин
URLs for this lecture10мин
URL for this lecture10мин
8 практического упражнения
Web basics6мин
Set up the dev environment6мин
HTML6мин
Navigation bar6мин
Images and lists6мин
Properly structured documents6мин
The world's first web page6мин
HTML summary quiz20мин
Неделя
2CSS
Welcome to the second module of 'Responsive website basics'. <p>In this section of the course we will have a look at linking external CSS files to your HTML documents, controlling fonts with CSS and using CSS to customise hyperlink formatting and to control text layout. We will also install the bootstrap library and implement a responsive grid layout- Enjoy! <p> - Matthew, Marco and Kate
9 видео ((всего 45 мин.)), 2 материалов для самостоятельного изучения, 8 тестов
9 видео
Overview28
External CSS file6мин
Fonts6мин
Customising links3мин
Layout control6мин
CSS media queries8мин
Install Bootstrap4мин
Responsive grid8мин
CSS summary35
2 материала для самостоятельного изучения
Code for this module10мин
URL for this lecture10мин
7 практического упражнения
External CSS file6мин
Fonts4мин
Customising links6мин
Layout control6мин
Install Bootstrap4мин
Responsive Grid8мин
CSS summary quiz20мин
Неделя
3Beginning JavaScript
Welcome to the third module of 'Responsive website basics'. <p>In this module we will write simple JavaScript programs and learn how to write programs that can respond to user input such as clicking on HTML elements. We will also take a look at JavaScript functions and use jQuery to manipulate web pages.</p>Finally, you will learn how to write your own javaScript functions including anonymous functions. <p> Looking forward to working with you this week! <p> - Matthew and Marco
9 видео ((всего 60 мин.)), 8 материалов для самостоятельного изучения, 8 тестов
9 видео
Overview24
Introduction to JavaScript5мин
Responding to mouse clicks6мин
The Console7мин
Manipulating HTML elements9мин
Script tag10мин
Anonymous functions9мин
Image gallery example9мин
Beginning JavaScript summary31
8 материала для самостоятельного изучения
JavaScript Resources10мин
Code for this lesson10мин
Code for this lesson10мин
jQuery10мин
Code for this lesson10мин
Code for this lesson10мин
Code for this lesson10мин
Image gallery code10мин
7 практического упражнения
Introduction to JavaScript6мин
Responding to mouse clicks6мин
The Console6мин
Manipulating HTML elements6мин
Script tag6мин
Anonymous functions6мин
Beginning JavaScript summary quiz20мин
Неделя
4Going deeper into JavaScript
Welcome to the final module of 'Responsive website basics'. <p>In this final section of the course we will define JavaScript variables and write simple JavaScript programs that use and change the values of variables. </p>We'll also write if statements to control the flow of a JavaScript program, use boolean variables in conjunction with if statements and write javaScript in the context of moderately complex web applications. <p> Enjoy! <p> - Matthew and Marco
9 видео ((всего 64 мин.)), 4 материалов для самостоятельного изучения, 8 тестов
9 видео
Overview37
Variables7мин
Using variables8мин
Variables in practice13мин
If statements7мин
Boolean variables11мин
eReader example13мин
Going deeper into JavaScript summary40
Course summary48
4 материала для самостоятельного изучения
Code from this lesson10мин
Slide Show Example Code10мин
Slide Show Example Code10мин
eReader Example Code10мин
7 практического упражнения
Variables6мин
Using variables6мин
Variables in practice4мин
If statements6мин
Boolean variables6мин
eReader example6мин
Going deeper into JavaScript summary quiz20мин
35%
начал новую карьеру, пройдя эти курсы
37%
получил значимые преимущества в карьере благодаря этому курсу
12%
стал больше зарабатывать или получил повышение
Лучшие рецензии
автор: CM•Oct 11th 2017
Thought the course did a great job of teaching the basics without getting too ahead of itself. All of the sample code was well commented out to explain exactly what the code did which was very helpful
автор: CD•May 27th 2018
This is an excellent course for the basics in html, css and js I would definitely recommend it to anyone who wanted to build a simple but interactive website using one of the many frameworks available
Преподавателя
Dr Matthew Yee-King
LecturerComputing Department, Goldsmiths, University of London
Dr Marco Gillies
Senior LecturerComputing Department, Goldsmiths, University of London
Dr Kate Devlin
Senior LecturerDepartment of Computing, Goldsmiths
О Лондонский университет
The University of London is a federal University which includes 18 world leading Colleges. Our distance learning programmes were founded in 1858 and have enriched the lives of thousands of students, delivering high quality University of London degrees wherever our students are across the globe. Our alumni include 7 Nobel Prize winners. Today, we are a global leader in distance and flexible study, offering degree programmes to over 50,000 students in over 180 countries. To find out more about studying for one of our degrees where you are, visit www.london.ac.uk
О Голдсмитский колледж, Лондонский университет
Championing research-rich degrees that provoke thought, stretch the imagination and tap into tomorrow’s world, at Goldsmiths we’re asking the questions that matter now in subjects as diverse as the arts and humanities, social sciences, cultural studies, computing, and entrepreneurial business and management. We are a community defined by its people: innovative in spirit, analytical in approach and open to all.
О специализации ''Разработка и проектирование адаптивных веб-сайтов'
This Specialization covers the basics of modern full stack web development, from UX design, to front-end coding, to custom databases. You’ll build foundational skills in a full range of technologies, including HTML/CSS, Javascript, and MongoDB, and you’ll learn to implement a reactive, multi-user web application using the meteor.js framework. We’ll also touch on more advanced topics, such as APIs, data visualization, and animation.
Часто задаваемые вопросы
Когда я получу доступ к лекциям и заданиям?
Зарегистрировавшись на сертификацию, вы получите доступ ко всем видео, тестам и заданиям по программированию (если они предусмотрены). Задания по взаимной оценке сокурсниками можно сдавать и проверять только после начала сессии. Если вы проходите курс без оплаты, некоторые задания могут быть недоступны.
Что я получу, оформив подписку на специализацию?
Записавшись на курс, вы получите доступ ко всем курсам в специализации, а также возможность получить сертификат о его прохождении. После успешного прохождения курса на странице ваших достижений появится электронный сертификат. Оттуда его можно распечатать или прикрепить к профилю LinkedIn. Просто ознакомиться с содержанием курса можно бесплатно.
Какие правила возврата средств?
Можно ли получить финансовую помощь?
Остались вопросы? Посетите Центр поддержки учащихся.
Coursera делает лучшее в мире образование доступным каждому, предлагая онлайн-курсы от ведущих университетов и организаций.
© Coursera Inc., 2019 Все права защищены.
