このコースについて
3,146

100%オンライン

自分のスケジュールですぐに学習を始めてください。

柔軟性のある期限

スケジュールに従って期限をリセットします。

約59時間で修了

推奨:6 hours/week...

英語

字幕:英語

習得するスキル

Ruby On RailsAngularjsWeb Development

100%オンライン

自分のスケジュールですぐに学習を始めてください。

柔軟性のある期限

スケジュールに従って期限をリセットします。

約59時間で修了

推奨:6 hours/week...

英語

字幕:英語

シラバス - 本コースの学習内容

1
7時間で修了

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件のビデオ (合計220分), 1 quiz
21件のビデオ
Module 1 Introduction3 分
Technical and Deployment Architecture (Part 1)11 分
Technical and Deployment Architecture (Part 2)14 分
Technical and Deployment Architecture (Part 3)14 分
Development Environment Setup4 分
Software Installation: MacOS13 分
Software Installation: Specifics for Windows29 分
Software Installation: Specifics for Linux and Docker15 分
Application Setup6 分
Application Setup Demo10 分
Example Requirements10 分
RDBMS-backed Resource12 分
MongoDB-backed Resource13 分
Regression Testing7 分
Web Service Finishing Touches3 分
CORS6 分
Alternate Web Servers4 分
Gemfile Summary8 分
Provisioning mLab MongoDB6 分
API Deployment13 分
2
6時間で修了

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件のビデオ (合計208分), 1 quiz
29件のビデオ
Web Resources and Asset Pipeline Background12 分
Asset Pipeline Packaging11 分
Asset Pipeline Deployment2 分
External Web Client Packaging with Gulp7 分
Gulp Development Setup4 分
Gulp Installation7 分
Gulpfile Task Basics4 分
Gulpfile Definitions7 分
Gulp Build Tasks9 分
Gulp Development Runtime Tasks8 分
Gulp Distribution Tasks6 分
External Web Client Deployment4 分
External Web Client Rails Packaging12 分
External Web Client Rails Deployment3 分
Merging UI Branches6 分
SPA Application Module13 分
SPA Application Module External Packaging6 分
Sample Resource CRUD Module5 分
Sample Resource Service Skeleton8 分
Sample Resource CRUD Controller Skeleton4 分
Sample Directive and Template Page11 分
Sample CSS Styling5 分
List Resource Instances3 分
Create Resource Instance8 分
Select and Update/Delete Resource Instance6 分
Sample Application in External Environments2 分
SPA Application Deployments8 分
CORS Revisited7 分
3
6時間で修了

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件のビデオ (合計244分), 1 quiz
32件のビデオ
RSpec DSL11 分
Spec Anatomy Part 1: Database Interaction and Blocks6 分
Spec Anatomy Part 2: Thinning Examples5 分
Spec Anatomy Part 3: Pending Examples and Lazy/Eager Let Blocks6 分
RSpec with Mongoid9 分
DatabaseCleaner with ActiveRecord6 分
DatabaseCleaner and SharedContexts5 分
DatabaseCleaner with Mongoid5 分
DatabaseCleaner Optimizations5 分
FactoryGirl and Faker6 分
FactoryGirl Factories10 分
FactoryGirl and Faker Data9 分
Request Specs Overview5 分
First Request Spec5 分
API GET Resource Instances and Helper ApiModule9 分
API GET Instance and Not Found Error Reporting7 分
API Create and Wrapped Parameters8 分
API Update/Delete and DRYing with Ruby Metaprogramming7 分
DRYing API Tests with RSpec Shared Examples8 分
More Shared Examples with API GET Instance7 分
Capybara Setup6 分
Selenium Webdriver8 分
Debugging Capybara/Selenium Tests2 分
Poltergeist/PhantomJS Headless Webdriver6 分
Capybara Testing with Docker (Optional Lecture)14 分
Capybara Usage10 分
Capybara Waits6 分
Foo Feature Spec: Foo List10 分
Foo Feature Spec: Create Foo8 分
Foo UI Helper Module8 分
Code Coverage3 分
4
13時間で修了

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

人気のレビュー

by 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.

by KTMay 4th 2017

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

講師

Avatar

Jim Stafford

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

ジョンズ・ホプキンズ大学(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....

Ruby on Rails Web Developmentの専門講座について

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....
Ruby on Rails Web Development

よくある質問

  • 修了証に登録すると、すべてのビデオ、テスト、およびプログラミング課題(該当する場合)にアクセスできます。ピアレビュー課題は、セッションが開始してからのみ、提出およびレビューできます。購入せずにコースを検討することを選択する場合、特定の課題にアクセスすることはできません。

  • コースに登録する際、専門講座のすべてのコースにアクセスできます。コースの完了時には修了証を取得できます。電子修了証が成果のページに追加され、そこから修了証を印刷したり、LinkedInのプロフィールに追加したりできます。コースの内容の閲覧のみを希望する場合は、無料でコースを聴講できます。

さらに質問がある場合は、受講者向けヘルプセンターにアクセスしてください。