Coursera

  • Гуманитарные науки и искусстваChevron Right
  • БизнесChevron Right
  • Компьютерные наукиChevron Right
  • Наука о данныхChevron Right
  • Информационные технологииChevron Right
  • Медико-биологические наукиChevron Right
  • Математика и логикаChevron Right
  • Личное развитие
  • Естественные и технические наукиChevron Right
  • Социальные наукиChevron Right
  • Изучение языковChevron Right
  • Степени и сертификатыChevron Right
  • Полный обзор Coursera
Loupe Copy
  • Обзор
  • Поиск
  • Для организаций
  • Войти
  • Зарегистрироваться
  • Explore
  • For Enterprise
  • Sign Up
  • Log In
Coursera

Responsive Website Basics: Code with HTML, CSS, and JavaScript

ОбзорПрограмма курсаЧасто задаваемые вопросыАвторыСтоимостьРейтинги и отзывы

ГлавнаяКомпьютерные наукиРазработка мобильных и веб-приложений

Responsive Website Basics: Code with HTML, CSS, and JavaScript

University of London, Goldsmiths, University of London

Об этом курсе: 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

Автор:  University of London, Goldsmiths, University of London
University of LondonGoldsmiths, University of London
  • Dr Matthew Yee-King

    Преподаватели:  Dr Matthew Yee-King, Lecturer

    Computing Department, Goldsmiths, University of London
  • Dr Marco Gillies

    Преподаватели:  Dr Marco Gillies, Senior Lecturer

    Computing Department, Goldsmiths, University of London
  • Dr Kate Devlin

    Преподаватели:  Dr Kate Devlin, Senior Lecturer

    Department of Computing, Goldsmiths
Основные сведения
Курс 1 из 6 — Responsive Website Development and Design Specialization
Выполнение4 weeks of study, 2-4 hours/week
Язык
English
Как пройти курсЧтобы пройти курс, выполните все оцениваемые задания.
Оценки пользователей
4.5 звезды
Средняя оценка пользователей: 4.5Посмотрите, что пишут учащиеся
Программа курса
НЕДЕЛЯ 1
Course introduction
Welcome to the first course of the 'Responsive website development and design' specialisation!
1 видео, 2 материала для самостоятельного изучения
  1. Видео: Course introduction
  2. Reading: Course outline
  3. Reading: Grading and assessment information
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 видео, 3 материала для самостоятельного изучения, 7 тренировочных теста
  1. Видео: Overview
  2. Reading: Code for this module
  3. Видео: Web basics
  4. Practice Quiz: Web basics
  5. Reading: URLs for this lecture
  6. Видео: Set up the dev environment
  7. Practice Quiz: Set up the dev environment
  8. Видео: Write some HTML
  9. Practice Quiz: HTML
  10. Видео: Build a Nav bar
  11. Practice Quiz: Navigation bar
  12. Видео: Images and lists
  13. Practice Quiz: Images and lists
  14. Видео: Properly structured documents
  15. Practice Quiz: Properly structured documents
  16. Reading: URL for this lecture
  17. Видео: The world's first web page revisited
  18. Practice Quiz: The world's first web page
  19. Видео: What does 'responsive' mean?
  20. Видео: HTML summary
Оцениваемый: HTML summary quiz
Оцениваемый: Make a web page
НЕДЕЛЯ 2
CSS
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 видео, 2 материала для самостоятельного изучения, 6 тренировочных теста
  1. Видео: Overview
  2. Reading: Code for this module
  3. Видео: External CSS file
  4. Practice Quiz: External CSS file
  5. Видео: Fonts
  6. Practice Quiz: Fonts
  7. Видео: Customising links
  8. Practice Quiz: Customising links
  9. Видео: Layout control
  10. Видео: CSS media queries
  11. Practice Quiz: Layout control
  12. Reading: URL for this lecture
  13. Видео: Install Bootstrap
  14. Practice Quiz: Install Bootstrap
  15. Видео: Responsive grid
  16. Practice Quiz: Responsive Grid
  17. Видео: CSS summary
Оцениваемый: CSS summary quiz
Оцениваемый: Test your CSS and HTML
НЕДЕЛЯ 3
Beginning 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 видео, 8 материала для самостоятельного изучения, 6 тренировочных теста
  1. Видео: Overview
  2. Reading: JavaScript Resources
  3. Видео: Introduction to JavaScript
  4. Practice Quiz: Introduction to JavaScript
  5. Видео: Responding to mouse clicks
  6. Reading: Code for this lesson
  7. Practice Quiz: Responding to mouse clicks
  8. Видео: The Console
  9. Reading: Code for this lesson
  10. Practice Quiz: The Console
  11. Reading: jQuery
  12. Видео: Manipulating HTML elements
  13. Reading: Code for this lesson
  14. Practice Quiz: Manipulating HTML elements
  15. Видео: Script tag
  16. Reading: Code for this lesson
  17. Practice Quiz: Script tag
  18. Видео: Anonymous functions
  19. Reading: Code for this lesson
  20. Practice Quiz: Anonymous functions
  21. Видео: Image gallery example
  22. Reading: Image gallery code
  23. Видео: Beginning JavaScript summary
Оцениваемый: Beginning JavaScript summary quiz
Оцениваемый: Download and edit the example gallery code.
НЕДЕЛЯ 4
Going 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 видео, 4 материала для самостоятельного изучения, 6 тренировочных теста
  1. Видео: Overview
  2. Видео: Variables
  3. Practice Quiz: Variables
  4. Видео: Using variables
  5. Reading: Code from this lesson
  6. Practice Quiz: Using variables
  7. Reading: Slide Show Example Code
  8. Видео: Variables in practice
  9. Practice Quiz: Variables in practice
  10. Видео: If statements
  11. Practice Quiz: If statements
  12. Видео: Boolean variables
  13. Reading: Slide Show Example Code
  14. Practice Quiz: Boolean variables
  15. Видео: eReader example
  16. Reading: eReader Example Code
  17. Practice Quiz: eReader example
  18. Видео: Going deeper into JavaScript summary
  19. Видео: Course summary
Оцениваемый: Going deeper into JavaScript summary quiz
Оцениваемый: Make a night mode for the ereader

Часто задаваемые вопросы
Как это работает
Coursework
Coursework

Each course is like an interactive textbook, featuring pre-recorded videos, quizzes and projects.

Help from Your Peers
Help from Your Peers

Connect with thousands of other learners and debate ideas, discuss course material, and get help mastering concepts.

Certificates
Certificates

Earn official recognition for your work, and share your success with friends, colleagues, and employers.

Авторы
University of London
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
Goldsmiths, University of London
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.
Стоимость
Приобрести курс
Получить доступ к материалам курса

Доступен

Получить доступ к оцениваемым материалам курса

Доступен

Получить итоговую оценку

Доступен

Получите сертификат о прохождении курса, ссылкой на который можно делиться с другими людьми

Доступен

Рейтинги и отзывы
Оценка 4.5 из 5 по 2,774 отзывам

Sk

very good course .i am very thankfull to you

Saranjit Singh Thind

Good basics course. Do recommend for beginners.

NK

Nice Explained

JR

Superb learnings



Вас также могут заинтересовать
University of Michigan
Introduction to CSS3
1 курс
University of Michigan
Introduction to CSS3
Просмотреть курс
University of Michigan
Interactivity with JavaScript
1 курс
University of Michigan
Interactivity with JavaScript
Просмотреть курс
University of Michigan
Advanced Styling with Responsive Design
1 курс
University of Michigan
Advanced Styling with Responsive Design
Просмотреть курс
University of London, Goldsmiths, University of London
Responsive Web Design
1 курс
University of London, Goldsmiths, University of London
Responsive Web Design
Просмотреть курс
University of London, Goldsmiths, University of London
Responsive Website Tutorial and Examples
1 курс
University of London, Goldsmiths, University of London
Responsive Website Tutorial and Examples
Просмотреть курс
Coursera
Coursera делает лучшее в мире образование доступным каждому, предлагая онлайн-курсы от ведущих университетов и организаций.
© Coursera Inc., 2018 Все права защищены.
Загрузить из App StoreЗагрузить в Google Play
  • Coursera
  • О проекте
  • Руководство
  • Карьера
  • Каталог
  • Сертификаты
  • Степени
  • Для бизнеса
  • Для правительственных организаций
  • Сообщество
  • Партнеры
  • Наставники
  • Переводчики
  • Разработчики
  • Бета-тестировщики
  • На связи
  • Блог
  • Facebook
  • LinkedIn
  • Twitter
  • Google+
  • Технический блог
  • Еще
  • Условия
  • Конфиденциальность
  • Помощь
  • Доступность
  • Пресса
  • Контакты
  • Справочник
  • Филиалы