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 |
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
- Leyendo: Course outline
- Leyendo: Grading and assessment information
- Cuestionario de práctica: 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
- Leyendo: Starter code
- Video: TextCircle
- Cuestionario de práctica: TextCircle
- Video: Reactive data
- Cuestionario de práctica: Reactive data
- Video: Reactive sessions
- Cuestionario de práctica: Reactive sessions
- Video: Scope
- Cuestionario de práctica: Scope
- Video: Bootstrap it!
- Cuestionario de práctica: Bootstrap it!
- Video: HTML preview
- Cuestionario de práctica: HTML preview
- 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
- Leyendo: Source code
- Video: User accounts
- Cuestionario de práctica: User accounts
- Video: MongoDB shell
- Cuestionario de práctica: MongoDB shell
- Video: Customise the accounts UI
- Cuestionario de práctica: Customise the accounts UI
- Video: Who is editing? working with methods
- Cuestionario de práctica: Who is editing? DB
- Video: Who is editing? UI
- Cuestionario de práctica: Who is editing? UI
- Video: Improve the UI
- Cuestionario de práctica: Improve the UI
- 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
- Leyendo: Source code
- Video: More docs!
- Cuestionario de práctica: More docs!
- Video: Docs in the DB
- Cuestionario de práctica: Docs in the DB
- Video: Using Session
- Cuestionario de práctica: Using Session
- Video: Loading the new doc
- Cuestionario de práctica: Loading the new doc
- Video: Document list
- Cuestionario de práctica: Document list
- Video: Editable title
- Cuestionario de práctica: Editable title
- Video: Controlling document access
- Cuestionario de práctica: Controlling document item
- Video: Publish and subscribe
- Cuestionario de práctica: Publish and subscribe
- Video: Final polish
- Cuestionario de práctica: Final polish
- 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
- Leyendo: Learning outcomes
- Leyendo: Source code
- Video: Reorganising the code
- Cuestionario de práctica: Reorganising the code
- Video: Fixing bugs
- Cuestionario de práctica: Fixing bugs
- Video: Routing
- Cuestionario de práctica: Routing
- Video: Iron:router
- Cuestionario de práctica: Iron:router
- Video: Grid layout
- Cuestionario de práctica: Grid layout
- Video: Find and FindOne
- Cuestionario de práctica: Find and FindOne
- Video: Comment box
- Cuestionario de práctica: Comment box
- Video: Comment list
- Cuestionario de práctica: Comment list
- Video: SimpleSchemas, autoform and code re-organisation summary
- Leyendo: Final version of source code
Graded: SimpleSchemas, autoform and code re-organisation summary quiz
Graded: M-Instant part 4 - multiple chatrooms!
Summary
1 video
FAQs
How It Works
Trabajo del curso
Cada curso es como un libro de texto interactivo, con videos pregrabados, cuestionarios y proyectos.
Ayuda de tus compañeros
Conéctate con miles de estudiantes y debate ideas y materiales del curso, y obtén ayuda para dominar los conceptos.
Certificados
Obtén reconocimiento oficial por tu trabajo y comparte tu éxito con amigos, compañeros y empleadores.
Creators
University of London
The University of London is a federal University which includes 18 world leading Colleges. Our distance learning 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, visit www.london.ac.uk
Goldsmiths, University of London
Championing research-rich degrees that provoke thought, stretch the imagination and tap into tomorrow’s world, at Goldsmiths we’re asking the questions that matter now in subjects as diverse as the arts and humanities, social sciences, cultural studies, computing, and entrepreneurial business and management. We are a community defined by its people: innovative in spirit, analytical in approach and open to all.
Pricing
| Purchase Course | |
|---|---|
| Access to course materials | Available |
| Access to graded materials | Available |
| Receive a final grade | Available |
| Earn a shareable Course Certificate | Available |
Ratings and Reviews
The example demonstrated in the course is quite interesting. The instructor also teaches us how to build the example from scratch. If you have some background in the (PHP) web development and some idea about JS, you can finish the whole course within one week.
Lecture is good!
Great class - i learned a lot! thank you!
Coursera provides universal access to the world’s best education,
partnering with top universities and organizations to offer courses online.
© 2018 Coursera Inc. All rights reserved.
Fantastic course!
Thanks, Dr. Yee-King!