Web Application Development with JavaScript and MongoDB

About this course: In this course, you will develop more advanced web application programming skills. You will learn how to control data read and write access using methods, publish and subscribe. You will learn how to access your database and server shells using command line tools. You will use the SimpleSchema system to validate data and generate input forms automatically. You will see a complete collaborative code editing environment, TextCircle, being built from scratch. At the end of this course, you will be able to: - use Meteor methods to control data write access - use publish and subscribe to control data read access - install and use advanced Meteor packages - add user accounts to your applications - implement complex MongoDB filters - use the MongoDB and meteor server shells - define data validations schemas using SimpleSchema - generate data input forms automatically using SimpleSchema In this course, you will complete: 2 programming assignments taking ~4 hours each to complete 4 quizzes, each taking ~20 minutes to complete multiple practice quizzes, each taking ~5 minutes to complete Participation in or completion of this online course will not confer academic credit for University of London programmes

Created by:  University of London, Goldsmiths, University of London

• Taught by:  Dr Matthew Yee-King, Lecturer

  Computing Department, Goldsmiths, University of London

Basic Info Course 4 of 6 in the Responsive Website Development and Design Specialization Commitment 4 weeks of study, 1-2 hours/week Language English How To Pass Pass all graded assignments to complete the course. User Ratings 4.6 stars Average User Rating 4.6See what learners said 课程作业

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

来自同学的帮助

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

证书

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

University of London The University of London is a federal University which includes 17 world leading Colleges. Our International Programmes were founded in 1858 and have enriched the lives of thousands of students, delivering high quality University of London degrees wherever our students are across the globe. Our alumni include 7 Nobel Prize winners. Today, we are a global leader in distance and flexible study, offering degree programmes to over 50,000 students in over 180 countries. To find out more about studying for one of our degrees where you are, search for 'London International'. Goldsmiths, University of London

Syllabus


WEEK 1


Web Application Development with JavaScript and MongoDB: Course overview



Welcome to 'Web Application Development with JavaScript and MongoDB'! In this course we will be creating native mobile apps using Meteor.js, implementing social media features, such as following as well as writing and running unit tests on your JavaScript code. Finally you will set up your own server environment to run Meteor applications and you will implement the publish and subscribe data control model. I hope you enjoy the course! -Matthew


1 video, 2 readings, 1 practice quiz expand

1. Video: Course introduction
2. 阅读: Course outline
3. 阅读: Grading and assessment information
4. 练习测验: Prerequisite quiz

MongoDB, Meteor and reactive data



Welcome to the first module of 'Web Application Development with JavaScript and MongoDB!' In this module we will look at accessing MongoDB on the command line, we will understand how to check for valid returns from find queries and identify reactive data sources within the Meteor framework. Finally we learn how to use the Session object to store user data, understand variable scope and use iframes to create separate DOMs. Enjoy!


8 videos, 1 reading, 6 practice quizzes expand

1. Video: Overview
2. 阅读: Starter code
3. Video: TextCircle
4. 练习测验: TextCircle
5. Video: Reactive data
6. 练习测验: Reactive data
7. Video: Reactive sessions
8. 练习测验: Reactive sessions
9. Video: Scope
10. 练习测验: Scope
11. Video: Bootstrap it!
12. 练习测验: Bootstrap it!
13. Video: HTML preview
14. 练习测验: HTML preview
15. Video: MongoDB, Meteor and reactive data summary

Graded: MongoDB, Meteor and reactive data summary quiz
Graded: M-Instant part 1: working with Session

WEEK 2


User accounts, packages and methods



Welcome to the second module of 'Web Application Development with JavaScript and MongoDB!' In this module we will learn how to use the core user accounts packages, customise the user accounts UI using third party packages and search for and add packages to an application. We will also look at how to query MongoDB collections from the command line and learn how to control data write access using methods. Enjoy!


8 videos, 1 reading, 6 practice quizzes expand

1. Video: Overview
2. 阅读: Source code
3. Video: User accounts
4. 练习测验: User accounts
5. Video: MongoDB shell
6. 练习测验: MongoDB shell
7. Video: Customise the accounts UI
8. 练习测验: Customise the accounts UI
9. Video: Who is editing? working with methods
10. 练习测验: Who is editing? DB
11. Video: Who is editing? UI
12. 练习测验: Who is editing? UI
13. Video: Improve the UI
14. 练习测验: Improve the UI
15. Video: User accounts, packages and methods summary

Graded: User accounts, packages and methods summary quiz
Graded: M-instant part 2: working with methods

WEEK 3


Publish and subscribe model and MongoDB filters



Welcome to the third module of 'Web Application Development with JavaScript and MongoDB!' In this module we will use bootstrap icons and use the publish and subscribe model to control data read access. We will understand the concept of asynchronous execution and work with template data contexts and helper functions. Finally we will use packages to implement in-place content editing and use complex MongoDB filters. Enjoy!


11 videos, 1 reading, 9 practice quizzes expand

1. Video: Overview
2. 阅读: Source code
3. Video: docs!
4. 练习测验: docs!
5. Video: Docs in the DB
6. 练习测验: Docs in the DB
7. Video: Using Session
8. 练习测验: Using Session
9. Video: Loading the new doc
10. 练习测验: Loading the new doc
11. Video: Document list
12. 练习测验: Document list
13. Video: Editable title
14. 练习测验: Editable title
15. Video: Controlling document access
16. 练习测验: Controlling document item
17. Video: Publish and subscribe
18. 练习测验: Publish and subscribe
19. Video: Final polish
20. 练习测验: Final polish
21. Video: Publish and subscribe MongoDB filters summary

Graded: Publish and subscribe MongoDB filters summary quiz
Graded: M-instant part 3: publish and subscribe

WEEK 4


SimpleSchemas, autoform and code re-organisation



Welcome to the final module of 'Web Application Development with JavaScript and MongoDB!' In this module we will create a well organised application using special Meteor folders and we will organise templates into multiple files. We will also learn how to use the iron:router package to create multiple page applications and we will generate data entry forms automatically using SimpleSchema and autoform. Finally, we will validate user data automatically using SimpleSchema. Enjoy!


10 videos, 3 readings, 8 practice quizzes expand

1. Video: Overview
2. 阅读: Learning outcomes
3. 阅读: Source code
4. Video: Reorganising the code
5. 练习测验: Reorganising the code
6. Video: Fixing bugs
7. 练习测验: Fixing bugs
8. Video: Routing
9. 练习测验: Routing
10. Video: Iron:router
11. 练习测验: Iron:router
12. Video: Grid layout
13. 练习测验: Grid layout
14. Video: Find and FindOne
15. 练习测验: Find and FindOne
16. Video: Comment box
17. 练习测验: Comment box
18. Video: Comment list
19. 练习测验: Comment list
20. Video: SimpleSchemas, autoform and code re-organisation summary
21. 阅读: Final version of source code

Graded: SimpleSchemas, autoform and code re-organisation summary quiz
Graded: M-Instant part 4 - multiple chatrooms!

Summary



1 video expand

1. Video: Summary