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.
oferecido por
HTML, CSS, e Javascript para desenvolvedores web
Universidade Johns HopkinsInformações sobre o curso
3,502,528 visualizações recentes
Resultados de carreira do aprendiz
53%
comecei uma nova carreira após concluir estes cursos
46%
consegui um benefício significativo de carreira com este curso
14%
recebi um aumento ou promoção
Certificados compartilháveis
Tenha o certificado após a conclusão
100% on-line
Comece imediatamente e aprenda em seu próprio cronograma.
Prazos flexíveis
Redefinir os prazos de acordo com sua programação.
Aprox. 26 horas para completar
Inglês
Legendas: Inglês, Coreano
Habilidades que você terá
HtmlJavaScriptCss FrameworksCascading Style Sheets (CCS)
Resultados de carreira do aprendiz
53%
comecei uma nova carreira após concluir estes cursos
46%
consegui um benefício significativo de carreira com este curso
14%
recebi um aumento ou promoção
Certificados compartilháveis
Tenha o certificado após a conclusão
100% on-line
Comece imediatamente e aprenda em seu próprio cronograma.
Prazos flexíveis
Redefinir os prazos de acordo com sua programação.
Aprox. 26 horas para completar
Inglês
Legendas: Inglês, Coreano
oferecido por
Universidade Johns Hopkins
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.
Programa - O que você aprenderá com este curso
4 horas para concluir
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.
4 horas para concluir
18 vídeos (Total 120 mín.), 6 leituras, 12 testes
18 videos
Welcome to Module 1: Introduction to HTML51min
Development Environment Setup, Part 13min
Development Environment Setup, Part 2: MacOS8min
Development Environment Setup, Part 2: Windows6min
Development Environment Setup, Part 3: Github and Browser Sync17min
Resources for Asking Questions5min
Lecture 1: What is HTML?7min
Lecture 2: Relevant History of HTML10min
Lecture 3: Anatomy of an HTML Tag5min
Lecture 4: Basic HTML Document Structure6min
Lecture 5: HTML Content Models6min
Lecture 6: Heading Elements (and some new HTML5 semantic comments)7min
Lecture 7: Lists5min
Lecture 8: HTML Character Entity References7min
Lecture 9: Creating Links9min
Lecture 10: Displaying Images6min
Module 1 Wrap-Up30s
6 leituras
How Grading and Being Late on Assignments Works10min
Recommended Books10min
CHECK OUT MY SITE!10min
ALL of the EXAMPLE SOURCE CODE for this Course3min
Frequently Asked Questions2min
CONNECT WITH ME!2min
12 exercícios práticos
Optional Practice Quiz8min
Optional Practice Quiz2min
Optional Practice Quiz2min
Optional Practice Quiz4min
Optional Practice Quiz2min
Optional Practice Quiz12min
Optional Practice Quiz4min
Optional Practice Quiz2min
Optional Practice Quiz4min
Optional Practice Quiz4min
Optional Practice Quiz2min
Module 1 Quiz46min
6 horas para concluir
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.
6 horas para concluir
27 vídeos (Total 188 mín.), 4 leituras, 15 testes
27 videos
Lecture 11: Power of CSS5min
Lecture 12: Anatomy of a CSS Rule4min
Lecture 13: Element, Class, and ID Selectors9min
Lecture 14: Combining Selectors9min
Lecture 15: Pseudo-Class Selectors9min
Lecture 16: Style Placement5min
Lecture 17, Part 1: Conflict Resolution8min
Lecture 17, Part 2: Conflict Resolution6min
Lecture 18, Part 1: Styling Text6min
Lecture 18, Part 2: Styling Text5min
Lecture 19, Part 1: The Box Model10min
Lecture 19, Part 2: The Box Model7min
Lecture 19, Part 3: The Box Model5min
Lecture 20: The background Property6min
Lecture 21: Positioning Elements by Floating10min
Lecture 22, Part 1: Relative and Absolute Element Positioning7min
Lecture 22, Part 2: Relative and Absolute Element Positioning3min
Lecture 23, Part 1: Media Queries4min
Lecture 23, Part 2: Media Queries9min
Lecture 24, Part 1: Responsive Design7min
Lecture 24, Part 2: Responsive Design11min
Lecture 25, Part 1: Introduction to Twitter Bootstrap5min
Lecture 25, Part 2: Introduction to Twitter Bootstrap7min
Lecture 26, Part 1: The Bootstrap Grid System9min
Lecture 26, Part 2: The Bootstrap Grid System9min
Module 2 Wrap-Up38s
4 leituras
Recommended Books5min
New Tutorials - here is how...2min
CONNECT WITH ME!2min
Frequently Asked Questions2min
14 exercícios práticos
Optional Practice Quiz6min
Optional Practice Quiz4min
Optional Practice Quiz4min
Optional Practice Quiz6min
Optional Practice Quiz2min
Optional Practice Quiz4min
Optional Practice Quiz4min
Optional Practice Quiz8min
Optional Practice Quiz2min
Optional Practice Quiz4min
Optional Practice Quiz4min
Optional Practice Quiz4min
Optional Practice Quiz6min
Optional Practice Quiz8min
6 horas para concluir
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 horas para concluir
24 vídeos (Total 201 mín.), 3 leituras, 6 testes
24 videos
Lecture 27, Part 1: Visit with the Client10min
Lecture 27, Part 2: Visit with the Client (Field Trip)9min
Lecture 28: Design Overview9min
Lecture 29: Some Ground Rules and Overview of Setup10min
Lecture 30, Part 1: Coding Basics of Navbar Header9min
Lecture 30, Part 2: Coding Basics of Navbar Header7min
Lecture 31: Coding Button for Future Collapsible Menu6min
Lecture 32, Part 1: Coding Nav Menu Buttons11min
Lecture 32, Part 2: Coding Nav Menu Buttons3min
Lecture 33, Part 1: Fixing Navbar Layout, Text, and Dropdown Menus7min
Lecture 33, Part 2: Fixing Navbar Layout, Text, and Dropdown Menus4min
Lecture 34: Coding the Jumbotron11min
Lecture 35, Part 1: Coding Navigation Tiles11min
Lecture 35, Part 2: Coding Navigation Tiles13min
Lecture 36, Part 1: Coding the Footer10min
Lecture 36, Part 2: Coding the Footer3min
Lecture 37, Part 1: Coding the Menu Categories14min
Lecture 37, Part 2: Coding the Menu Categories6min
Lecture 38, Part 1: Coding the Single Menu Category Page11min
Lecture 38, Part 2: Coding the Single Menu Category Page13min
Lecture 38, Part 3: Coding the Single Menu Category Page7min
Lecture 39: Testing the Mobile Version on a Real Phone4min
Module 3 Wrap-Up28s
3 leituras
Recommended Books5min
New Tutorials - here is how...2min
Frequently Asked Questions2min
5 exercícios práticos
Optional Practice Quiz4min
Optional Practice Quiz2min
Optional Practice Quiz2min
Optional Practice Quiz2min
Optional Practice Quiz4min
5 horas para concluir
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.
5 horas para concluir
24 vídeos (Total 151 mín.), 3 leituras, 10 testes
24 videos
Lecture 40, Part 1: Adjusting Development Environment for Javascript Development5min
Lecture 40, Part 2: Where to Place Javascript Code5min
Lecture 41, Part 1: Defining Variables, Function, and Scope8min
Lecture 41, Part 2: Defining Variables, Function, and Scope4min
Lecture 42, Part 1: Javascript Types5min
Lecture 42, Part 2: Javascript Types4min
Lecture 43, Part 1: Common Language Constructs8min
Lecture 43, Part 2: Common Language Constructs4min
Lecture 43, Part 3: Common Language Constructs7min
Lecture 44: Handling Default Values4min
Lecture 45, Part 1: Creating Objects Using 'new Object()' Syntax7min
Lecture 45, Part 2: Creating Objects Using Object Literal Syntax5min
Lecture 46: Functions Explained8min
Lecture 47, Part 1: Passing Variables by Value vs. by Reference6min
Lecture 47, Part 2: Passing Variables by Value vs. by Reference7min
Lecture 48: Function Constructors, prototype, and the 'this' Keyword12min
Lecture 49: Object Literals and the 'this' Keyword6min
Lecture 50, Part 1: Arrays8min
Lecture 50, Part 2: Arrays4min
Lecture 51: Closures6min
Lecture 52, Part 1: Fake Namespaces6min
Lecture 52, Part 2: Immediately Invoked Function Expressions (IIFEs)8min
Module 4 Wrap-Up44s
3 leituras
Recommended Books5min
New Tutorials - here is how...2min
Frequently Asked Questions2min
9 exercícios práticos
Optional Practice Quiz6min
Optional Practice Quiz4min
Optional Practice Quiz4min
Optional Practice Quiz2min
Optional Practice Quiz2min
Optional Practice Quiz4min
Optional Practice Quiz2min
Optional Practice Quiz2min
Optional Practice Quiz4min
Avaliações
Principais avaliações do HTML, CSS, E JAVASCRIPT PARA DESENVOLVEDORES WEB
por SM10 de Jun de 2020
Actually the best online course i hv ever learnt,especially the professor yaakov is quiet outstanding.And a field trip in a online course sounds rare and good!!Thank You Coursera and yakkov for this!!
por YV30 de Mai de 2020
Many thanks to the creators of this course! It was a very solid refresher for me, even though I have spent in web development a few years by now. I thoroughly enjoyed every lesson. Thank you, Yaakov!
por SW14 de Mar de 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.
por JH31 de Mai de 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.
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 adquirir o Certificado?
Quando você adquire o Certificado, ganha acesso a todo o material do curso, incluindo avaliações com nota atribuída. Após concluir o curso, 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.
Qual é a política de reembolso?
Você poderá pedir reembolso total até duas semanas após a data do pagamento, ou (para cursos recém-iniciados) até duas semanas após o início da primeira sessão do curso, o que ocorrer por último. Você não poderá receber reembolso após obter o Certificado de Curso, mesmo que tenha completado o curso dentro do período de duas semanas. Veja nossa política para o reembolso total.
Existe algum auxílio financeiro disponível?
Sim, a Coursera oferece auxílio financeiro aos alunos que não podem pagar a taxa. Faça a solicitação clicando no link Auxílio financeiro, abaixo do botão "Inscreva-se" à esquerda. Você será solicitado a preencher um formulário e será notificado se for aprovado. Saiba mais.
Mais dúvidas? Visite o Central de Ajuda ao Aprendiz.
