Este curso faz parte do Programa de cursos integrados Desenvolvimento e design Web responsivosDesenvolvimento Web Responsivo

4.6
estrelas
1,919 classificações

Dr Matthew Yee-King +3 mais instrutores

82.583 já se inscreveram

oferecido por

Universidade de Londres

Goldsmiths, University of London

Programa de cursos integrados Desenvolvimento e design Web responsivosDesenvolvimento Web ResponsivoUniversidade de Londres

Informações sobre o curso

23.259 visualizações recentes

In this course you will learn how to apply concepts from interaction design and human computer interaction in order to design and build an interactive, professional looking website. You will learn how to make your web page designs adapt to different screen sizes using responsive grid layouts. You will learn how to add navigation and other design elements, and you will learn how to separate data and display using JavaScript objects and templates. 
At the end of the course, you will be able to:
1. Explain why users need to know where they are, where they can go and what is on a web page
2. Create wireframe mockups of web pages 
3. Identify the key functional elements of web pages
4. Use Bootstrap components to realise page designs
5. Use JavaScript data structures such as arrays and objects to define the data used in a web page
6. Use the Handlebars template library to convert data to HTML 
7. Add interactivity to templates using JavaScript event listeners

In this course, you will complete:
1 website design assignment taking ~1 hour to complete
1 programming assignment taking ~1 hour to complete
4 quizzes, each taking ~20 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.

Prazos flexíveis

Redefinir os prazos de acordo com sua programação.

Certificados compartilháveis

Tenha o certificado após a conclusão

100% on-line

Comece imediatamente e aprenda em seu próprio cronograma.

Curso 2 de 6 no

Programa de cursos integrados Desenvolvimento e design Web responsivosDesenvolvimento Web Responsivo

Aprox. 26 horas para completar

Inglês

Sua empresa se beneficiaria do treinamento dos funcionários em habilidades sob demanda?

Experimente o Coursera for Business

Habilidades que você terá

Responsive Web Design
HTML
JavaScript
Cascading Style Sheets (CSS)

Prazos flexíveis

Redefinir os prazos de acordo com sua programação.

Certificados compartilháveis

Tenha o certificado após a conclusão

100% on-line

Comece imediatamente e aprenda em seu próprio cronograma.

Curso 2 de 6 no

Programa de cursos integrados Desenvolvimento e design Web responsivosDesenvolvimento Web Responsivo

Aprox. 26 horas para completar

Inglês

Sua empresa se beneficiaria do treinamento dos funcionários em habilidades sob demanda?

Experimente o Coursera for Business

Instrutores

Classificação do instrutor

4,47/5 (102 classificações)

oferecido por

Universidade de Londres

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.

Veja como os funcionários das principais empresas estão se especializando em habilidades sob demanda

Saiba mais sobre o Coursera para Empresas

Programa - O que você aprenderá com este curso

Classificação do conteúdo96%(39,776 classificações)

Semana

Semana 1

1 hora para concluir

Responsive Web Design: Course overview

In this course you will learn how to apply concepts from interaction design and human computer interaction in order to design and build an interactive, professional looking website. You will learn how to make your web page designs adapt to different screen sizes using responsive grid layouts. You will learn how to add navigation and other design elements, and you will learn how to separate data and display using Java

1 hora para concluir

3 leituras

6 horas para concluir

Web design principles

Welcome to the first module of 'Responsive Web Design'. By the end of this module you will be able to understand the basic concepts of usability and user experience and tell the user where they can go with navbars. In addition you will be able to tell the user what is here with effective layout and understand the high level requirements of creating an accessible website. We hope you enjoy the module!

6 horas para concluir

8 vídeos (Total 44 mín.), 6 leituras, 8 testes

8 videos

Overview32s

Usability and user experience2min

Where can you go?6min

What is here?3min

Accessibility4min

Guidelines for design10min

Design examples16min

Summary28s

6 leituras

Lecture slides10min

URL for this lesson10min

URLs for this lesson10min

Lecture slides10min

URL for this lesson10min

Lecture slides10min

7 exercícios práticos

Usability and user experience30min

Where can you go?30min

What is here?30min

Accessibility30min

Guidelines for design30min

Design examples30min

Web design principles summary quiz30min

Semana

Semana 2

7 horas para concluir

Realising design principles in code

7 horas para concluir

9 vídeos (Total 67 mín.), 7 leituras, 9 testes

9 videos

Overview42s

Basic Bootstrap set up7min

Where can you go?6min

Collapsible navbars8min

Building out the site12min

Where am I?10min

Responsive grid15min

Bootstrap themes4min

Summary35s

7 leituras

Code for this module10min

URL for this lesson10min

Basic Bootstrap starter code (inc. images)10min

URL for this lesson10min

URLs for this lesson10min

8 exercícios práticos

Basic Bootstrap set up30min

Where can you go?30min

Collapsible navbars30min

Building out the site30min

Where am I?30min

Responsive grid30min

Bootstrap themes30min

Realising design principles in code summary quiz30min

Semana

Semana 3

6 horas para concluir

Adding content to websites

Welcome to the third module of 'Responsive Web Design' By the end of this module, you will be able to separate page structure from page content, use JavaScript objects and implement JavaScript templates with Handlebars as well as being able to display different data with the same template and the same data with different templates. Finally we will be looking at using a Bootstrap modal. We hope you enjoy the module!

6 horas para concluir

8 vídeos (Total 49 mín.), 5 leituras, 8 testes

8 videos

Overview38s

Separating structure and content6min

JavaScript objects6min

JavaScript templates with Handlebars7min

Putting data into templates6min

Displaying different data with the same template7min

Displaying the same data with different templates, Use a Bootstrap modal11min

Summary53s

5 leituras

URL for this module10min

URL for this lesson10min

Source Code10min

7 exercícios práticos

Separating structure and content30min

JavaScript objects30min

JavaScript templates with Handlebars30min

Putting data into templates30min

Displaying different data with the same template30min

Displaying the same data with different templates, Use a Bootstrap modal30min

Adding content to websites summary quiz30min

Semana

Semana 4

6 horas para concluir

Building a full gallery app

6 horas para concluir

8 vídeos (Total 60 mín.), 4 leituras, 8 testes

8 videos

Overview55s

JavaScript arrays5min

Storing objects in arrays and displaying them with a template6min

Dynamically displaying single images from an array8min

Implementing a search function12min

Data structure for a complete image gallery6min

Writing the templates for the gallery7min

Switching displays in the gallery12min

4 leituras

Source Code for this module10min

URL for this lesson10min

Source Code10min

Source code for the gallery10min

7 exercícios práticos

JavaScript arrays30min

Storing objects in arrays and displaying them with a template30min

Dynamically displaying single images from an array30min

Implementing a search function30min

Data structure for a complete image gallery30min

Writing the templates for the gallery30min

Building a full gallery app summary quiz30min

Avaliações

4.6

415 avaliações

5 stars
69,15%
4 stars
22,09%
3 stars
5,94%
2 stars
1,45%
1 star
1,35%

Principais avaliações do DESENVOLVIMENTO WEB RESPONSIVO

por JV29 de abr de 2018

Thank you for an excellent course! I learned a lot. In my opinion assignments could be more challenging, especially the last one with the gallery.

por CL5 de abr de 2019

Non of the courses teaches you how to host your meteor app nor the limitations of it, I think this is very important and it's not mentioned anywhere!

por SS16 de nov de 2015

Brilliant - would be even better if the grading can somehow be automated in addition to peer review. This way lazy submitters who finish before course completion can also get a grade.

por FV20 de jan de 2016

I gave four stars for the previews course of the specialization but I have to tell that week 2 and 3 of this course are outstanding. Teachers are really putting students in the right direction.

Visualizar todas as avaliações

Sobre Programa de cursos integrados Desenvolvimento e design Web responsivosDesenvolvimento Web Responsivo

Responsive web design is all about creating the best user experience regardless of whether a user is accessing your site from a desktop computer, a mobile phone, or a tablet.

This Specialisation 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. You will add several projects to your portfolio to demonstrate your skill and growth throughout this Specialisation. You will create web pages using basic elements to control layout and style, use responsive web design principles to take a site from wireframe to website, implement security features, and create collaborative multi-user experiences. Just like any professional full stack web developer, you will build accessibility and usability into your responsive websites.

Desenvolvimento e design Web responsivosDesenvolvimento Web Responsivo

Perguntas Frequentes – FAQ

Quando terei acesso às palestras e às tarefas?
O acesso a palestras e tarefas depende do tipo de inscrição. Se você participar de um curso como ouvinte, você poderá ver quase todo o conteúdo do curso gratuitamente. Para acessar tarefas valendo nota e obter um Certificado, você precisará adquirir a experiência do Certificado, durante ou após a participação como ouvinte. Se você não vir a opção de participar como ouvinte:
o curso pode não oferecer essa opção. Você pode experimentar um teste gratuito ou solicitar o auxílio financeiro.
Em vez disso, o curso pode oferecer 'Curso completo, sem Certificado'. Com esta opção, é possível ver todo o conteúdo do curso, enviar as avaliações necessárias e obter uma nota final. Isso também significa que você não poderá comprar uma experiência de Certificado.
O que recebo ao me inscrever nesta Especialização?
Quando você se inscreve no curso, tem acesso a todos os cursos na Especialização e pode obter um certificado quando concluir o trabalho. Seu Certificado eletrônico será adicionado à sua página de Participações e você poderá imprimi-lo ou adicioná-lo ao seu perfil no LinkedIn. Se quiser apenas ler e assistir o conteúdo do curso, você poderá frequentá-lo como ouvinte sem custo.
Existe algum auxílio financeiro disponível?
Sim. Em programas de aprendizado selecionados, você pode solicitar auxílio financeiro ou uma bolsa de estudos caso não consiga pagar a taxa de inscrição. Se o auxílio financeiro ou bolsa de estudos estiver disponível para a seleção do seu programa de aprendizado, você encontrará um link para se inscrever na página de descrição.

Mais dúvidas? Visite o Central de Ajuda ao estudante.

Desenvolva as habilidades dos funcionários e impulsione os resultados

Conheça o Coursera para Empresas

Desenvolvimento Web Responsivo

Informações sobre o curso

Habilidades que você terá

Instrutores

Dr Matthew Yee-King

Dr Kate Devlin

Prof Marco Gillies

Dr Mick Grierson

oferecido por

Universidade de Londres

Goldsmiths, University of London

Programa - O que você aprenderá com este curso

Responsive Web Design: Course overview

Web design principles

Realising design principles in code

Adding content to websites

Building a full gallery app

Avaliações

Principais avaliações do DESENVOLVIMENTO WEB RESPONSIVO

Sobre Programa de cursos integrados Desenvolvimento e design Web responsivosDesenvolvimento Web Responsivo

Perguntas Frequentes – FAQ

Comece ou impulsione sua carreira

Procurar temas populares

Cursos e artigos populares

Consiga um diploma ou certificado on-line

Coursera

Comunidade

Mais

Desenvolvimento Web Responsivo

Informações sobre o curso

Habilidades que você terá

Instrutores

Dr Matthew Yee-King

Dr Kate Devlin

Prof Marco Gillies

Dr Mick Grierson

oferecido por

Universidade de Londres

Goldsmiths, University of London

Programa - O que você aprenderá com este curso

Responsive Web Design: Course overview

Web design principles

Realising design principles in code

Adding content to websites

Building a full gallery app

Avaliações

Principais avaliações do DESENVOLVIMENTO WEB RESPONSIVO

Sobre Programa de cursos integrados Desenvolvimento e design Web responsivosDesenvolvimento Web Responsivo

Perguntas Frequentes – FAQ

Coursera Footer

Comece ou impulsione sua carreira

Procurar temas populares

Cursos e artigos populares

Consiga um diploma ou certificado on-line

Coursera

Comunidade

Mais