Informações sobre o curso: Você já percebeu que a única funcionalidade de uma aplicação web com a qual os usuários interagem diretamente é através da página web? Se você implementá-la de uma maneira pobre, o lado do servidor passa a ser irrelevante! Os usuários de hoje esperam muito das páginas web: tem que carregar rápido, exibir o serviço desejado, e ser confortável para ser visualizada em todos os dispositivos, desde desktops a tablets e smartphones. Neste curso, vamos aprender as ferramentas básicas que todos os desenvolvedores web precisam conhecer. Vamos começar do início e evoluir até aprender como implementar páginas web modernas com HTML e CSS. Depois, vamos avançar para aprender como codificar nossas páginas para que seus componentes se rearrangem e alterem seus tamanhos automaticamente, baseado no tamanho da tela do uuário. Você será capaz de codificar uma página que será tão útil num telefone celular quanto num desktop. Nada de aumentar o zoom! e por último, mas não menos importante, teremos uma introdução da linguagem web mais presente, mais popular e incrivelmente poderosa: Javascript. Utilizando JavaScript, você será capaz de construir um aplicação web completamente funcional que utiliza Ajax para expor funcionalidade do laod do servidor e dados ao usuário final.

Para quem é direcionado este curso: NÓS NÃO ESTAMOS COBRINDO RUBY ON RAILS NESTE CURSO, E NENHUM CONHECIMENTO DE RUBY ON RAILS É NECESSÁRIO PARA COMPLETÁ-LO. Este curso é voltado para QUALQUER PESSOA que está interessada em iniciar em desenvolvimento web. Começa com o básico e metodicamente aprofunda em cada item dos assuntos abordados. Mais importante, permite que os estudantes acompanhem um projeto real, com um cliente real desde o início, conversando com o cliente, até codificar o website completo. A parte de JavaScript requer que você seja ao menos um pouco familiarizado com conceitos de programação como loops, variáveis, etc.

Desenvolvido por: Johns Hopkins University

Ministrado por: Yaakov Chaikin, Adjunct Professor, Graduate Computer Science
Whiting School of Engineering

Informações básicas	Curso 4 de 6 no Desenvolvimento Web com Ruby on Rails Specialization
Compromisso	5 semanas de estudos, 4-6 horas/semana
Idioma	English, Legendas: Korean
Como ser aprovado	Seja aprovado em todas as tarefas para concluir o curso.
Classificação do usuário	4.9 estrelas Classificação média do usuário 4.9Veja o que os aprendizes disseram

Programa

SEMANA 1

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.

18 videos, 6 leituras, 11 practice quizzes

阅读: How Grading and Being Late on Assignments Works
阅读: Recommended Books
阅读: CHECK OUT MY SITE!
阅读: ALL of the EXAMPLE SOURCE CODE for this Course
练习测验: Optional Practice Quiz
Vídeo: Welcome to Module 1: Introduction to HTML5
Vídeo: Development Environment Setup, Part 1
Vídeo: Development Environment Setup, Part 2: MacOS
Vídeo: Development Environment Setup, Part 2: Windows
练习测验: Optional Practice Quiz
Vídeo: Development Environment Setup, Part 3: Github and Browser Sync
Vídeo: Resources for Asking Questions
Vídeo: Lecture 1: What is HTML?
练习测验: Optional Practice Quiz
Vídeo: Lecture 2: Relevant History of HTML
练习测验: Optional Practice Quiz
Vídeo: Lecture 3: Anatomy of an HTML Tag
练习测验: Optional Practice Quiz
Vídeo: Lecture 4: Basic HTML Document Structure
练习测验: Optional Practice Quiz
Vídeo: Lecture 5: HTML Content Models
练习测验: Optional Practice Quiz
Vídeo: Lecture 6: Heading Elements (and some new HTML5 semantic comments)
练习测验: Optional Practice Quiz
Vídeo: Lecture 7: Lists
Vídeo: Lecture 8: HTML Character Entity References
练习测验: Optional Practice Quiz
Vídeo: Lecture 9: Creating Links
练习测验: Optional Practice Quiz
Vídeo: Lecture 10: Displaying Images
阅读: Frequently Asked Questions
练习测验: Optional Practice Quiz
阅读: CONNECT WITH ME!
Vídeo: Module 1 Wrap-Up

Nota atribuída: Module 1 Quiz

SEMANA 2

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.

27 videos, 4 leituras, 14 practice quizzes

阅读: Recommended Books
阅读: ENTER RAFFLE (ends April 23rd, 2017)
Vídeo: Lecture 11: Power of CSS
Vídeo: Lecture 12: Anatomy of a CSS Rule
练习测验: Optional Practice Quiz
Vídeo: Lecture 13: Element, Class, and ID Selectors
练习测验: Optional Practice Quiz
Vídeo: Lecture 14: Combining Selectors
练习测验: Optional Practice Quiz
Vídeo: Lecture 15: Pseudo-Class Selectors
练习测验: Optional Practice Quiz
Vídeo: Lecture 16: Style Placement
练习测验: Optional Practice Quiz
Vídeo: Lecture 17, Part 1: Conflict Resolution
Vídeo: Lecture 17, Part 2: Conflict Resolution
练习测验: Optional Practice Quiz
Vídeo: Lecture 18, Part 1: Styling Text
Vídeo: Lecture 18, Part 2: Styling Text
阅读: CONNECT WITH ME!
练习测验: Optional Practice Quiz
Vídeo: Lecture 19, Part 1: The Box Model
Vídeo: Lecture 19, Part 2: The Box Model
Vídeo: Lecture 19, Part 3: The Box Model
练习测验: Optional Practice Quiz
Vídeo: Lecture 20: The background Property
练习测验: Optional Practice Quiz
Vídeo: Lecture 21: Positioning Elements by Floating
练习测验: Optional Practice Quiz
Vídeo: Lecture 22, Part 1: Relative and Absolute Element Positioning
Vídeo: Lecture 22, Part 2: Relative and Absolute Element Positioning
练习测验: Optional Practice Quiz
Vídeo: Lecture 23, Part 1: Media Queries
Vídeo: Lecture 23, Part 2: Media Queries
练习测验: Optional Practice Quiz
Vídeo: Lecture 24, Part 1: Responsive Design
Vídeo: Lecture 24, Part 2: Responsive Design
练习测验: Optional Practice Quiz
Vídeo: Lecture 25, Part 1: Introduction to Twitter Bootstrap
Vídeo: Lecture 25, Part 2: Introduction to Twitter Bootstrap
Vídeo: Lecture 26, Part 1: The Bootstrap Grid System
Vídeo: Lecture 26, Part 2: The Bootstrap Grid System
练习测验: Optional Practice Quiz
阅读: Frequently Asked Questions
Vídeo: Module 2 Wrap-Up

Nota atribuída: Module 2 Coding Assignment

SEMANA 3

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.

24 videos, 3 leituras, 5 practice quizzes

阅读: Recommended Books
Vídeo: Lecture 27, Part 1: Visit with the Client
Vídeo: Lecture 27, Part 2: Visit with the Client (Field Trip)
阅读: ENTER RAFFLE (ends April 23rd, 2017)
Vídeo: Lecture 28: Design Overview
Vídeo: Lecture 29: Some Ground Rules and Overview of Setup
练习测验: Optional Practice Quiz
Vídeo: Lecture 30, Part 1: Coding Basics of Navbar Header
Vídeo: Lecture 30, Part 2: Coding Basics of Navbar Header
练习测验: Optional Practice Quiz
Vídeo: Lecture 31: Coding Button for Future Collapsible Menu
练习测验: Optional Practice Quiz
Vídeo: Lecture 32, Part 1: Coding Nav Menu Buttons
Vídeo: Lecture 32, Part 2: Coding Nav Menu Buttons
Vídeo: Lecture 33, Part 1: Fixing Navbar Layout, Text, and Dropdown Menus
Vídeo: Lecture 33, Part 2: Fixing Navbar Layout, Text, and Dropdown Menus
Vídeo: Lecture 34: Coding the Jumbotron
练习测验: Optional Practice Quiz
Vídeo: Lecture 35, Part 1: Coding Navigation Tiles
Vídeo: Lecture 35, Part 2: Coding Navigation Tiles
Vídeo: Lecture 36, Part 1: Coding the Footer
Vídeo: Lecture 36, Part 2: Coding the Footer
练习测验: Optional Practice Quiz
Vídeo: Lecture 37, Part 1: Coding the Menu Categories
Vídeo: Lecture 37, Part 2: Coding the Menu Categories
Vídeo: Lecture 38, Part 1: Coding the Single Menu Category Page
Vídeo: Lecture 38, Part 2: Coding the Single Menu Category Page
Vídeo: Lecture 38, Part 3: Coding the Single Menu Category Page
Vídeo: Lecture 39: Testing the Mobile Version on a Real Phone
阅读: Frequently Asked Questions
Vídeo: Module 3 Wrap-Up

Nota atribuída: Module 3 Coding Assignment

SEMANA 4

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.

24 videos, 3 leituras, 9 practice quizzes

阅读: Recommended Books
Vídeo: Lecture 40, Part 1: Adjusting Development Environment for Javascript Development
Vídeo: Lecture 40, Part 2: Where to Place Javascript Code
Vídeo: Lecture 41, Part 1: Defining Variables, Function, and Scope
Vídeo: Lecture 41, Part 2: Defining Variables, Function, and Scope
练习测验: Optional Practice Quiz
Vídeo: Lecture 42, Part 1: Javascript Types
Vídeo: Lecture 42, Part 2: Javascript Types
练习测验: Optional Practice Quiz
Vídeo: Lecture 43, Part 1: Common Language Constructs
Vídeo: Lecture 43, Part 2: Common Language Constructs
Vídeo: Lecture 43, Part 3: Common Language Constructs
Vídeo: Lecture 44: Handling Default Values
练习测验: Optional Practice Quiz
Vídeo: Lecture 45, Part 1: Creating Objects Using 'new Object()' Syntax
Vídeo: Lecture 45, Part 2: Creating Objects Using Object Literal Syntax
练习测验: Optional Practice Quiz
Vídeo: Lecture 46: Functions Explained
练习测验: Optional Practice Quiz
Vídeo: Lecture 47, Part 1: Passing Variables by Value vs. by Reference
Vídeo: Lecture 47, Part 2: Passing Variables by Value vs. by Reference
练习测验: Optional Practice Quiz
Vídeo: Lecture 48: Function Constructors, prototype, and the 'this' Keyword
Vídeo: Lecture 49: Object Literals and the 'this' Keyword
阅读: ENTER RAFFLE (ends April 23rd, 2017)
练习测验: Optional Practice Quiz
Vídeo: Lecture 50, Part 1: Arrays
Vídeo: Lecture 50, Part 2: Arrays
练习测验: Optional Practice Quiz
Vídeo: Lecture 51: Closures
Vídeo: Lecture 52, Part 1: Fake Namespaces
Vídeo: Lecture 52, Part 2: Immediately Invoked Function Expressions (IIFEs)
练习测验: Optional Practice Quiz
阅读: Frequently Asked Questions
Vídeo: Module 4 Wrap-Up

Nota atribuída: Module 4 Coding Assignment

SEMANA 5

Using Javascript to Build Web Applications

In this module, we are going to take all those newly learned Javascript language skills and learn how to utilize them within the context of a web page. We’ll start by learning how to properly manipulate the web page components using the Javascript Document Object Model API. We will then move on to learning one of the most popular ways of serving up data to a web site - Ajax. We'll learn about the protocol that the language of the web speaks in (HTTP), how to set up and handle Ajax requests and responses, as well as how to process JSON data. We'll finish the module by connecting our restaurant web site from Module 3 to a real backend service that will allow us to pull the data for the restaurant menu dynamically from the server without having to reload the entire page.

17 videos, 6 leituras, 3 practice quizzes

阅读: Recommended Books
Vídeo: Lecture 53, Part 1: DOM Manipulation
Vídeo: Lecture 53, Part 2: DOM Manipulation
Vídeo: Lecture 54: Handling Events
Vídeo: Lecture 55: The 'event' Argument
阅读: CONNECT WITH ME!
练习测验: Optional Practice Quiz
Vídeo: Lesson 56: HTTP Basics
Vídeo: Lesson 57, Part 1: Ajax Basics
Vídeo: Lesson 57, Part 2: Ajax Basics
Vídeo: Lesson 57, Part 3: Ajax Basics
练习测验: Optional Practice Quiz
Vídeo: Lecture 58: Processing JSON
练习测验: Optional Practice Quiz
Vídeo: Lecture 59: Fixing Mobile Nav Menu Automatic Collapse
Vídeo: Lecture 60: Dynamically Loading Home View Content
Vídeo: Lecture 61, Part 1: Dynamically Loading Menu Categories View
Vídeo: Lecture 61, Part 2: Dynamically Loading Menu Categories View
Vídeo: Lecture 62: Dynamically Loading Single Category View
Vídeo: Lecture 63: Changing 'active' Button Style Through Javascript
阅读: Check out the final deployed site
阅读: Frequently Asked Questions
阅读: ENTER RAFFLE (ends April 23rd, 2017)
Vídeo: Course Wrap-Up
阅读: CONNECT WITH ME!

Nota atribuída: Module 5 Coding Assignment

Perguntas frequentes

Quando terei acesso aos vídeos do curso e às tarefas?

E se eu precisar de tempo adicional para concluir o curso?

O que obtenho se eu pagar por este curso?

Posso fazer este curso gratuitamente?

Como funciona a política de reembolso?Como funciona a política de reembolso?

Existe algum auxílio financeiro disponível?

Como funciona

课程作业

每门课程都像是一本互动的教科书，具有预先录制的视频、测验和项目。

来自同学的帮助

与其他成千上万的学生相联系，对想法进行辩论，讨论课程材料，并寻求帮助来掌握概念。

证书

获得正式认证的作业，并与朋友、同事和雇主分享您的成功。

Desenvolvedores

Johns Hopkins University

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.

Custo

	Comprar curso
Acesso aos materiais do curso	Disponível
Acesso a materiais valendo nota	Disponível
Receba uma nota final	Disponível
Obtenha um Certificado de Curso compartilhável	Disponível