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 |
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 testes para praticar
- Материал для самостоятельного изучения: 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 testes para praticar
- Материал для самостоятельного изучения: 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 testes para praticar
- Материал для самостоятельного изучения: 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 testes para praticar
- Материал для самостоятельного изучения: 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 testes para praticar
- Материал для самостоятельного изучения: 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
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 |
Classificações e avaliações
HTML and CSS were explained very nicely, but JS, AJAX and JSON explanation was not up to the mark
Excellent content and very well taught by Prof.Yaakov. The pace of presentation and the video recordings are top notch too.
Very educative. I'm happy I am part of this.
O Coursera proporciona acesso universal à melhor educação do mundo fazendo parcerias com as melhores universidades e organizações para oferecer cursos on-line.
© 2018 Coursera Inc. Todos os direitos reservados.
Excellent Course and the lectures were easy to understand. I recommend this course and value of money. Thankyou Professor.