À propos de ce cours
3,437 consultations récentes

100 % en ligne

Commencez dès maintenant et apprenez aux horaires qui vous conviennent.

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.

Approx. 59 heures pour terminer

Recommandé : 6 hours/week...

Anglais

Sous-titres : Anglais

Compétences que vous acquerrez

Ruby On RailsAngularjsWeb Development

100 % en ligne

Commencez dès maintenant et apprenez aux horaires qui vous conviennent.

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.

Approx. 59 heures pour terminer

Recommandé : 6 hours/week...

Anglais

Sous-titres : Anglais

Programme du cours : ce que vous apprendrez dans ce cours

Semaine
1
7 heures pour terminer

Technical Architecture and API Development Setup

In this module, we will start your journey into being part of an end-to-end application development as a Rails/AngularJS fullstack developer intern. You will learn the technical architecture and software requirements of the targeted application you will be a part of developing. You will also get a chance to shake off any rust that may have accumulated on your Rails development skills. As a part of the technical architecture, you will learn of the various layers, technologies, libraries, and services used in the development, deployment, and operation of the targeted application. You will get an early sense that this course is "no joke" when it comes to challenges, but you will be shown a path through most of them. You may be able to skip the application installation until the end if you are using the same computer that you used in the first five (5) courses of the specialization. None of the new software installations are required for this module -- but are included in a single lesson for modularity. You will develop an end-to-end, API-to-Database, resource solution for ActiveRecord/RDBMS and Mongoid/MongoDB using Rails scaffold generator. You will establish a Git repository for this work, provision database and Rails resources on the internet for staging and production deployments, and deploy your solution to the Heroku to be accessible from the Internet. If you are a seasoned Rails developer and competent with ActiveRecord, Mongoid, and Heroku -- you may want to initially skip the review lectures, review the final Git commit for module one (1), and try your hand at the optional assignment at the end. Aside from the technical architecture lesson, this module is mostly a quick breeze through many of the topics of courses one (1) through three (3). A similar, small-scale review of courses four (4) through five (5) will be covered in the next module. Please enjoy! Also, if you have not done so already I recommend that you read the Course Overview description which provides additional context on what you will be doing in this course. To access, please click the Resources tab on the left navigation.

...
21 vidéos (Total 220 min), 1 quiz
21 vidéos
Module 1 Introduction3 min
Technical and Deployment Architecture (Part 1)11 min
Technical and Deployment Architecture (Part 2)14 min
Technical and Deployment Architecture (Part 3)14 min
Development Environment Setup4 min
Software Installation: MacOS13 min
Software Installation: Specifics for Windows29 min
Software Installation: Specifics for Linux and Docker15 min
Application Setup6 min
Application Setup Demo10 min
Example Requirements10 min
RDBMS-backed Resource12 min
MongoDB-backed Resource13 min
Regression Testing7 min
Web Service Finishing Touches3 min
CORS6 min
Alternate Web Servers4 min
Gemfile Summary8 min
Provisioning mLab MongoDB6 min
API Deployment13 min
Semaine
2
6 heures pour terminer

SPA Development Setup

In this module, you will develop an AngularJS web application for the purposes of managing a resource hosted by a Rails server. As a part of that, you will learn the details of the Rails Asset Pipeline for hosting web applications, key features to address when moving from development to production, and different deployment options that you have within this course. You will complete an end-to-end AngularJS/Rails application to manage the resource on the Rails server you developed and deployed as a part of module one (1). This application will consist of AngularJS 1.x, UI-Router, and ngResource modules as well as a sample service, directive, controller, and web page to manage the resource. You will learn the details of the Rails Asset Pipeline as an option for deploying web assets like AngularJS web applications and what features it provides and how to conform to its conventions to get those features. Novice and intermediate developers are encouraged to use the Asset Pipeline approach in this module and throughout the course for simplicity and consistency with the examples in follow-on modules as this will be the development approach used by all follow-on modules. You will optionally learn how to leverage node package manager, bower, and gulp to establish an external development environment that parallels many of the capabilities provided by Asset Pipeline (e.g., minification to reduce bandwidth requirements and concatenation to reduce the number of separate server HTTP connections). You may leverage this environment to form a deployment to Github, like performed during courses four (4) and five (5) except with deployment considerations addressed. Although there is a functional gulpfile developed during the module, you are encouraged to treat this as an optional topic. Additionally, you can optionally learn how to use a hybrid of external development and Rails by using Rails as a web server and deploying your web application to the public directory and forming a single development tree and deployment artifact to Heroku. Like the pure external development approach, you are encouraged to treat this approach as an optional topic.

...
29 vidéos (Total 208 min), 1 quiz
29 vidéos
Web Resources and Asset Pipeline Background12 min
Asset Pipeline Packaging11 min
Asset Pipeline Deployment2 min
External Web Client Packaging with Gulp7 min
Gulp Development Setup4 min
Gulp Installation7 min
Gulpfile Task Basics4 min
Gulpfile Definitions7 min
Gulp Build Tasks9 min
Gulp Development Runtime Tasks8 min
Gulp Distribution Tasks6 min
External Web Client Deployment4 min
External Web Client Rails Packaging12 min
External Web Client Rails Deployment3 min
Merging UI Branches6 min
SPA Application Module13 min
SPA Application Module External Packaging6 min
Sample Resource CRUD Module5 min
Sample Resource Service Skeleton8 min
Sample Resource CRUD Controller Skeleton4 min
Sample Directive and Template Page11 min
Sample CSS Styling5 min
List Resource Instances3 min
Create Resource Instance8 min
Select and Update/Delete Resource Instance6 min
Sample Application in External Environments2 min
SPA Application Deployments8 min
CORS Revisited7 min
Semaine
3
6 heures pour terminer

Testing

In this module, you will learn how to development model, request, and feature specs using RSpec and to leverage gems like DatabaseCleaner, FactoryGirl, and Faker in building those specs. You will also learn how to DRY their tests using RSpec shared_contexts and shared_examples as well as Ruby modules for helper methods. All use of tests within the capstone will be "integration-style" tests, going to the database and back. We will not have time to implement pure unit tests for individual components. For model testing, we will focus tests on factories, query scopes, relationships, and facade methods interacting directly with PostgreSQL and MongoDB databases. We will address the general purpose and custom techniques for managing the database state during cleanup. For API testing, we will form a hefty set of RSpec shared_contexts and Ruby helper methods for the request specs that will take care of the details of many CRUD behaviors and other tedious, repetitive tasks. The API is not only easier to test than the Web UI, it is a first-class external interface deserving of separate testing. During test coverage, you will learn internal Rails error handling techniques that will provide the web client a proper and sane web reply in the face of errors. For Web UI testing, we will introduce Capybara for building feature tests and the role of the RackTest, Selenium, and Poltergeist/PhantomJS drivers for implementing UI testing with Javascript. Although Capybara provides a nice interface for expressing Web UI tests, the asynchronous nature of Web UIs make them extremely difficult to test without well thought out decisions during development. This course has a special emphasis on teaching you how to develop automated integration tests at all levels of the architecture, including the Web UIs. It is recommended that you review this module and sample further test-related lectures in follow-on modules to get a good understanding of how testing can best be leveraged in a full stack development (within constraints of the course). Except for the seasoned RSpec and Capybara user, there is no shortcut through this module.

...
32 vidéos (Total 244 min), 1 quiz
32 vidéos
RSpec DSL11 min
Spec Anatomy Part 1: Database Interaction and Blocks6 min
Spec Anatomy Part 2: Thinning Examples5 min
Spec Anatomy Part 3: Pending Examples and Lazy/Eager Let Blocks6 min
RSpec with Mongoid9 min
DatabaseCleaner with ActiveRecord6 min
DatabaseCleaner and SharedContexts5 min
DatabaseCleaner with Mongoid5 min
DatabaseCleaner Optimizations5 min
FactoryGirl and Faker6 min
FactoryGirl Factories10 min
FactoryGirl and Faker Data9 min
Request Specs Overview5 min
First Request Spec5 min
API GET Resource Instances and Helper ApiModule9 min
API GET Instance and Not Found Error Reporting7 min
API Create and Wrapped Parameters8 min
API Update/Delete and DRYing with Ruby Metaprogramming7 min
DRYing API Tests with RSpec Shared Examples8 min
More Shared Examples with API GET Instance7 min
Capybara Setup6 min
Selenium Webdriver8 min
Debugging Capybara/Selenium Tests2 min
Poltergeist/PhantomJS Headless Webdriver6 min
Capybara Testing with Docker (Optional Lecture)14 min
Capybara Usage10 min
Capybara Waits6 min
Foo Feature Spec: Foo List10 min
Foo Feature Spec: Create Foo8 min
Foo UI Helper Module8 min
Code Coverage3 min
Semaine
4
13 heures pour terminer

Security and the Photo Tourist Domain Model

In this module, you will learn how to implement authenticated interfaces providing role-based authorization required to protect web resources. You will also practice these techniques while implementing the core resources for the Photo Tourist application. You will learn how to manage user accounts with the Devise Ruby gem and how to implement token-based authentication with the devise_token_auth Ruby gem and ng-token-auth AngularJS module. With this starting point -- the student is on a straightforward path to implementing external authentication (e.g., via Facebook, Twitter, Github) through OAuth2 (not part of the capstone). Additionally, how to implement end-to-end account registration from the UI, through the API, to Devise through the intermediate libraries and implement an authenticated session component in Angular and make that available through a Navbar based on a Bootstrap implementation. You will learn how to add role-based security to their resources with the aid of the Pundit Ruby gem to determine access not only on authentication -- but also on assigned roles for the anonymous and authenticated user. The content and code-along exercises provide opportunities to implement role-based access checks within the Web UI to help guide a user to making authorized choices appropriate for their assigned roles. And how to write optimized SQL queries to implement compound, custom resource payloads for efficient expression of related object information -- including mapping roles to resources accessed by specific users. ************* This is a very long module with very important material relative to security and the targeted application. It will likely be broken up into two (2) or more modules in the future. You should budget extra time for this and treat it as if it were two (2) modules for the amount of time spent. Yes -- that means the novice developer could spend upwards to forty-eight (48) hours going through the lectures, performing the optional code-alongs, and completing the mandatory assignment. *************. The mandatory assignment for this module will be posted shortly after the last lectures are posted and there is a Git commit available in Github for that lecture.

...
49 vidéos (Total 496 min), 1 quiz
49 vidéos
BTA Interview9 min
Token-based Authentication8 min
Server: Devise Token Auth Setup8 min
API: Authentication Requirements4 min
API: Account Signup5 min
API: Account Signup Failures and Error Payloads5 min
Server: Devise Setup Errors Discovered/Fixed7 min
API: Authenticated Access Control4 min
API: Authenticate6 min
API: Authenticated Access8 min
API: DRY Token Authentication Specs5 min
Server: Domain Model and Authn Policy4 min
Server: Image (Metadata) and Authn Policy15 min
Server: Things and Authn Policy5 min
DB: ThingImages Model15 min
DB: Custom SQL and Query Scopes8 min
API: ThingImages Resource and Authn Policy12 min
API: ThingImages Resource and Authn Specs7 min
UI: ng-token-auth Setup and Authentication Requirements8 min
UI: Signup15 min
UI: Signup Error Handling and Form Feedback11 min
UI: Navbar and Authn Session13 min
UI: Successful Login13 min
UI: Logout and Persisted Session13 min
UI: Login Error Handling and Styling10 min
UI: Authenticated Access12 min
DB: Populating Sample Data with Rakefile10 min
UI: Images Page and Image Selector Component14 min
UI: Display Image Metadata6 min
UI: Image Authz Directive10 min
UI: Image Authz Policy Enforcement10 min
UI: Authenticated Things Management2 min
UI: Displaying Thing/Image Links14 min
UI: Creating Thing/Image Links12 min
UI: Managing Thing/Image Links14 min
Server: Rule-based Authorization with Pundit Gem15 min
Server: Role Authorization Requirements5 min
Server: User Roles13 min
Server: Image Authorization Policy Enforcement10 min
DB: Image Authorization Policy Enforcement Queries14 min
Server: Thing Authorization Policy Enforcement14 min
Server: Thing/Image Links Authorization Policy Enforcement15 min
API: WhoAmI Service with User Roles8 min
UI: Authorization Architecture9 min
UI: Authz Service14 min
UI: Authorization Policy Services12 min
UI: Image Authorization9 min
UI: Thing Authorization8 min
4.7
7 avisChevron Right

Principaux examens pour Capstone: Photo Tourist Web Application

par EAApr 15th 2017

Great Course Jim has really thought me more than enough to get my career started. All a student has to do is just study.

par KTMay 4th 2017

Excellent course. Mr. Stafford is a very good teacher.

Enseignant

Avatar

Jim Stafford

Adjunct Professor, Graduate Computer Science
Computer Science, Whiting School of Engineering

À propos de Université 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....

À propos de la Spécialisation Développement Web Ruby on Rails

This Specialization covers the fundamentals of web development with Ruby on Rails. You’ll learn everything you need to develop your own web application using Ruby on Rails, SQL and NoSQL databases, and HTML/CSS, and Javascript. We will also touch on advanced topics such as security, services using HTTP/RESTful access patterns, and user access and user experience from multiple device platforms. In the final Capstone Project, you’ll apply your skills to develop a web application that hosts uploaded photos and displays them using a map....
Développement Web Ruby on Rails

Foire Aux Questions

  • Une fois que vous êtes inscrit(e) pour un Certificat, vous pouvez accéder à toutes les vidéos de cours, et à tous les quiz et exercices de programmation (le cas échéant). Vous pouvez soumettre des devoirs à examiner par vos pairs et en examiner vous-même uniquement après le début de votre session. Si vous préférez explorer le cours sans l'acheter, vous ne serez peut-être pas en mesure d'accéder à certains devoirs.

  • Lorsque vous vous inscrivez au cours, vous bénéficiez d'un accès à tous les cours de la Spécialisation, et vous obtenez un Certificat lorsque vous avez réussi. Votre Certificat électronique est alors ajouté à votre page Accomplissements. À partir de cette page, vous pouvez imprimer votre Certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez seulement lire et visualiser le contenu du cours, vous pouvez accéder gratuitement au cours en tant qu'auditeur libre.

D'autres questions ? Visitez le Centre d'Aide pour les Etudiants.