Introduction to Meteor.js Development

About this course: In this course, you will learn how to create a complete, multi-user web site using the Meteor.js framework and MongoDB. You will implement user authentication, security features, reactive templates and routing using iron router. You will carry out key database operations such as inserting, removing and updating data as well as sorting and filtering. You will see how a complete application can be built, line by line. At the end of the course, you will be able to: 1. Install the Meteor.js system and create a web application 2. Work with the Meteor.js packaging system 3. Write Meteor.js templates that can reactively display data 4. Use insert, remove and update operations on MongoDB 5. Write MongoDB data filters to search for and sort data 6 .Add user authentication functionality to a website 7. Control what is displayed on the page using iron:router 8. Implement basic security features In this course, you will complete: 1 server install assignment taking ~1 hour to complete 1 programming assignment taking ~8 hours to complete 4 quizzes, each taking ~20 minutes to complete multiple practice quizzes, each taking ~5 minutes to complete Prerequisites This course is designed to build on top of the material delivered in the previous two courses in this specialisation. Therefore, we recommend that if you find this course too technically challenging that you first complete the previous courses before re-commencing this one. Specifically, we expect you to be able to code basic HTML, CSS and Javascript before you take this course. 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 3 of 6 in the Responsive Website Development and Design Specialization Commitment 4 weeks of study, 1-3 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 Travail en cours

Chaque cours fonctionne comme un manuel interactif en proposant des vidéos préenregistrées, des quiz et des projets.

Aide de la part de vos pairs

Connectez-vous à des milliers d'autres étudiants et débattez sur des idées, discutez le contenu du cours et obtenez de l'aide pour en maîtriser les concepts.

Certificats

Obtenez une reconnaissance officielle pour votre travail et partagez votre réussite avec vos amis, vos collègues et vos employeurs.

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


Introduction to Meteor.js Development course overview



Welcome to 'Introduction to Meteor.js Development'! In this course, you will learn how to create a complete, multi-user web site using the Meteor.js framework and MongoDB. You will implement user authentication, security features, reactive templates and routing using iron router. You will also carry out key database operations such as inserting, removing and updating data as well as sorting and filtering. Finally, you will see how a complete application can be built, line by line. I hope you enjoy the course!


1 video, 4 readings, 1 practice quiz expand

1. Lecture: Guidance for the prerequisite quiz
2. Quiz pour s'exercer: Prerequisite quiz
3. Video: Overview
4. Lecture: Course outline
5. Lecture: Grading and assessment information
6. Lecture: Why meteor?

Introduction to Meteor
Welcome to the first module of 'Introduction to Meteor.js Development'! In this module we'll be installing Meteor tools, editing a template and learning how to define a template helper and template event listeners. I hope you enjoy this module!


8 videos, 5 readings, 6 practice quizzes expand

1. Video: Overview
2. Lecture: URL for this module
3. Lecture: Code for this module
4. Video: From one to many users
5. Quiz pour s'exercer: From one to many users
6. Lecture: URL for this lesson
7. Video: Install Meteor
8. Quiz pour s'exercer: Install Meteor
9. Lecture: URL for this lesson
10. Video: Editing a template
11. Quiz pour s'exercer: Editing a template
12. Video: Sending data to templates with helpers
13. Quiz pour s'exercer: Sending data to templates with helpers
14. Lecture: URL for this lesson
15. Video: Convert to a Bootstrap grid
16. Quiz pour s'exercer: Convert to a Bootstrap grid
17. Video: Responding to user actions
18. Quiz pour s'exercer: Responding to user actions
19. Video: Introduction to Meteor Summary

Graded: Introduction to Meteor summary quiz
Graded: Install meteor and edit some templates

WEEK 2


Databases and collections



Welcome to the second module of 'Introduction to Meteor.js Development'! In this course we will be creating Mongo Collections and using Mongo find and insert operations. In addition, we will be looking at how to control a Bootstrap modal from Meteor and we will be using third party Meteor packages to add functionality. Enjoy!


8 videos, 3 readings, 5 practice quizzes expand

1. Video: Overview
2. Lecture: URL for this module
3. Lecture: Code for this module
4. Video: Meteor distributed data model
5. Quiz pour s'exercer: Meteor distributed data model
6. Video: Create a collection of images
7. Quiz pour s'exercer: Create a collection of images
8. Video: Better start up script, removing items from a collection
9. Quiz pour s'exercer: Better start up script, removing items from a collection
10. Lecture: URL for this lesson
11. Video: Add an image rating function: Updating and sorting
12. Quiz pour s'exercer: Add an image rating function: Updating and sorting
13. Video: Implement image adding with a Bootstrap modal (part 1)
14. Video: Implement image adding with a Bootstrap modal (part 2)
15. Quiz pour s'exercer: Implement image adding with a Bootstrap Modal
16. Video: Databases and collections summary

Graded: Databases and collections summary quiz
Graded: Siteace part 1: edit an event and a template

WEEK 3


User authentication



Welcome to the third module of 'Introduction to Meteor.js Development!'. In this module we will be looking at adding a user authentication to your Meteor app and learning how to use Mongo filters. Finally, we will be using the Meteor reactive Session variable and we will implement an infinite scroll. Enjoy!


10 videos, 4 readings, 8 practice quizzes expand

1. Video: Overview
2. Lecture: Code for this module
3. Video: User authentication with Meteor.js
4. Quiz pour s'exercer: User authentication with Meteor.js
5. Video: Tidying up the design with a navbar
6. Quiz pour s'exercer: Tidying up the design with a navbar
7. Lecture: URL for this lesson
8. Video: Accessing user information
9. Quiz pour s'exercer: Accessing user information
10. Lecture: URL for this lesson
11. Video: Customising the user registration form
12. Quiz pour s'exercer: Customising the user registration form
13. Video: Attaching users to images
14. Quiz pour s'exercer: Attaching users to images
15. Lecture: URLs for this lesson
16. Video: Filtering images by user
17. Quiz pour s'exercer: Filtering images by user
18. Video: Removing the image filter
19. Quiz pour s'exercer: Removing the image filter
20. Video: Infinite scroll
21. Quiz pour s'exercer: Infinite scroll
22. Video: User authentication summary

Graded: User authentication summary quiz
Graded: Siteace part 2: user authentication

WEEK 4


Security and routing



Welcome to the final module of 'Introduction to Meteor.js Development!'. In this module we will show you how to perform basic security testing on your app and how to implement basic data security features. In addition, we will look at how to organise Meteor application code and how to implement multiple routes using iron:router. Enjoy!


8 videos, 3 readings, 6 practice quizzes expand

1. Video: Overview
2. Lecture: Code for this module
3. Video: How to organise your code
4. Quiz pour s'exercer: How to organise your code
5. Video: Hack into your site!
6. Quiz pour s'exercer: Hack into your site!
7. Lecture: URL for this lesson
8. Video: Make your site more secure
9. Quiz pour s'exercer: Make your site more secure
10. Video: Tidy up the project
11. Quiz pour s'exercer: Tidy up the project
12. Lecture: URL for this lesson
13. Video: Routing with iron: router
14. Quiz pour s'exercer: Routing with iron:router
15. Video: Better routing
16. Quiz pour s'exercer: Better routing
17. Video: Security and routing summary

Graded: Security and routing summary quiz
Graded: SiteAce - implementing discussions