Introduction to Meteor.js Development Quizzes & الأجوبة - كورسيرا

Welcome to an insightful journey into Meteor.js development! Dive into the world of real-time web applications with carefully crafted الإختبارات and detailed الإجابات.

Whether you’re a beginner looking to understand the basics or an experienced developer looking to improve your skills, this curated collection of questions and solutions will guide you through the key concepts, أفضل الممارسات, and practical applications of Meteor.js. Explore each quiz to test your knowledge, strengthen your understanding, and unlock new insights into Meteor.js development.

لغز 1: Prerequisite quiz

Q1. This course is the third one in our specialisation. We assume you already know some Javascript, HTML and CSS. If you are new to all these languages, we recommend that you go back and check out the previous courses. غير ذلك, here are some questions to test your knowledge!

Ok got it!

Q2. We just want to let you know that the latest version of meteor creates a slightly different starter app than the version we use in this course. It is more complicated than the one shown in the course. We prefer the simpler starter application for teaching, so we provide you with a stripped down starter app and recommend that you start with that.

حسنا!

لغز 2: From one to many users

Q1. Which technology makes it easier to deal with many users?

Web servers
HTML

Q2. Where does the web browser software run?

On the server
On the client

لغز 3: Install Meteor

Q1. What is the command to run a Meteor application called myApplication?

meteor add myApplication
نيزك

Q2. Where does localhost point to on a network?

The nearest server outside of your network
Your local machine

لغز 4: Editing a template

Q1. What is spacebars in Meteor?

A button you press all the time to make your code lay out as neatly as possible.
A templating language

Q2. Which code defines a template called ‘photoDisplay’?

{{> photoDisplay}}
<template name="photoDisplay"> </template>

لغز 5: Sending data to templates with helpers

Q1. What does Meteor.isClient mean?

It tests if there is a client connected to the Meteor server
It tests if this code is running on the web browser or not

Q2. Which of the following are true? اختر كل ما ينطبق.

Template helpers can send data to templates which the template can then display.
Template helpers can send functions to templates that the template can call.

لغز 6: Convert to a Bootstrap grid

Q1. How do you search for packages in Meteor? (select all that are correct)

Meteor search
On the atmospherejs.com website

Q2. Why did the image gallery in the video pop down to a single column with 3 rows when the browser window was narrow?

Because of the col-md-3 class on the div tag
Because of the col-xs-12 class on the div tag.

Q1. How do we access the tag that relates to the event in a template event function?

By accessing

$(event.target).css

By accessing

$(event.target)

Q2. Which looks like the right start for adding event listeners to a template called aTemplate?

Template.aTemplate.events
Template.aTemplate.onclick

لغز 8: Introduction to Meteor summary quiz

Q1. Which are web languages? (select all those apply)

جافا سكريبت
HTML
Web servers
Web browsers

Q2. Run the following command to create a new meteor application:

1
meteor create myapp
Look in the folder that has been created. Which files or folders can you see?

package.json
الخادم
myapp.js
client

Q3. What is the default port for a local Meteor server to run on?

localhost
3000
127.0.0.1
localport

Q4. Select the correct bit of template code to render a template called ‘myTemplate’

{{> myTemplate}}

<template name="myTemplate">

{{myTemplate}}

</template>

{{:: myTemplate}}

<template name="myTemplate">

<h2>My template</h2>

</template>

Q5. What is the purpose of the public folder in a web application?

To store files that have public domain licences.
To store static files that the client needs to see.
To store source code files that the client needs to run.
To store asset files for the server.

Q6. Run the image_share application supplied with this module. Where does the message ‘where am I running’ get printed out? اختر كل ما ينطبق

Nowhere
In the browser web page display window
In the server console
In the web browser console

Q7. Which code defines a template helper function that can pass an array called test into a template called testTemp?

Template.testTemp.helpers({

test:function(){ var test = []; return test; } })

<template name="testTemp">

{{test}}

</template>

<template name="testTemp">

{{#each test}} {{img_name}} {{/each}}

</template>

Template.test.helpers({

test:function(){

var testTemp = [];

return testTemp; } })

Q8. What do you need to add to the following code to make it into a responsive grid?

An outer div with the class container
A div inside the row with the class container
A col-xs-something class.
Another row to specify what should go in the second row once the screen size is changed

Q9. Why not use onclick attributes to add interactivity in our meteor apps?

Onclick does not work in Meteor apps
Templates cannot cope with mouse clicks
Onclick does not allow us to easily access the event in our application code
Onclick is not the right attribute to capture a mouse click

Q10. Which code defines a template event listener for a template named myTemplate that will print ‘hello’ when the user clicks on any button in the template?

Template.myTemplate.events({
‘click .button’: وظيفة () {
console.log(‘hello’); } });
Template.myTemplate.events({
‘click button’: وظيفة () {
console.log(‘hello’); } });
Template.myTemplate.events({
‘click #button’: وظيفة () {
console.log(‘hello’); } });
Template.myTemplate.events({
‘onclick button’: وظيفة () {
console.log(‘hello’); } });

Introduction to Meteor.js Development Week 2 إجابات المسابقة

لغز 1: Meteor distributed data model

Q1. How many copies of the data can be in a Meteor application at any one time? (assuming all data is visible to all)

As many as there are connected clients plus one for the server
As many as there are connected clients

Q2. What is Meteor’s default database server called?

MySQL
Mongo

لغز 2: Create a collection of images

Q1. How can we create a collection in Meteor’s database?

Images = Mongo.createCollection("myCollection");
Images = new Mongo.Collection("images");

Q2. What is the purpose of the Meteor.startup function? (select ALL that apply)

To run code on the server side when the application starts up.
To run code on the client side when the application starts up.

لغز 3: Better start up script, removing items from a collection

Q1. Which features of this code make it readable? اختر كل ما ينطبق

if (Meteor.isServer) {

Meteor.startup() {

for (var i = 0; i < 23; i++) {

} // end for iterating images

} // end meteor.startup

} // end meteor.iserver

Indenting
Comments ending the if and for blocks

Q2. What is the command to remove something from a collection?

إزالة
حذف

لغز 4: Add an image rating function: Updating and sorting

Q1. What was different about how we dealt with event targets in this module, compared with the previous module?

We accessed event.currentTarget instead of event.target
We used jQuery to access the event target

Q2. How do we access an id on something from a Mongo collection?

_id
هوية شخصية

Q1. What kind of event do we listen to on forms?

انقر
Submit

Q2. Why do I prefix some CSS class names with ‘js-‘?

To make it clear they are related to the event code, not the actual CSS layout code.
Meteor requires that event listener selectors are prefixed with ‘js-‘

لغز 6: Databases and collections summary quiz

Q1. Why is a Meteor application like a database cluster?

Because the database only runs in the client machines
Because Meteor applications are very scalable
Because the server runs on a Mongo cluster
Because each connected client runs a local copy of the database

Q2. Why do we define collections like this:

Images = new Mongo.Collection("images");

بدلا من:

var Images = new Mongo.Collection("images");

Meteor does not use the word var in its javaScript code.
If you define a var in a Meteor .js file, it becomes local to that file, and you cannot access it in other .js files in your app. (try it!).
Variables with capital letters for their name are automatically global variables.
var is not the correct keyword in javaScript to define a variable.

Q3. What does running the command

meteor reset

in a meteor application’s folder do?

It runs the Meteor.startup function to insert starter data
It starts the app again
It creates a new application
It deletes all data from the database

Q4. Select the correct way of specifying HTML, CSS and JavaScript comments

// this is an HTML comment

/* this is a CSS comment */

// this is a Javascript comment

/* this is an HTML comment */

// this is an Javascript comment

/* this is a CSS comment */

// this is an Javascript comment

/* this is an HTML comment */

Q5. Which of the following is the correct way to access a collection in Meteor?

Meteor.Images.find({});
Mongo.find("images", {})
Images.find({})
Images.find().count()

Q6. Regarding this function call, which are true?

Images.update({_id:'123'}, {$set:{rating:4}});

The rating field will be set to 123
{_id:’123′} is a Mongo filter that only allows the update to be applied to images with the _id ‘123’.
The $set command is a mongo command that allows a field to be set to a new value.
The rating field will be set to 4

Q7. Which of the following statements will retrieve the images with the lowest rated one coming first?

Images.find({}).sort({rating:1});
Images.find({}, {sort:{rating:1}})
Images.find({}, {sort:{rating:-1}})
Images.find({_id:'123'}, {sort:{rating:1}})

Q8. What happens if we return false from a template event listener in Meteor?

The event is ignored
The browser is prevented from carrying out its default action
لا شئ
We ensure that nothing is inserted into the database.

Q9. What is wrong with the following code?

Template.images.events({

"click .js-show-image-form":function(){ }

"click .js-hide-image-form":function(){ } });

The items in the property set have strings for their names
There are no events passed into the event listener functions
There are full stops (periods) before the CSS selectors
There are no commas between the items in the property set

Q10. Which code shows a Bootstrap modal with an id of ‘myModal’?

$('#myModal').modal('show');
$('.myModal').modal('hide');
$('.myModal').modal('show');
$('#myModal').modal('hide');

Introduction to Meteor.js Development Week 3 إجابات المسابقة

لغز 1: User authentication with Meteor.js

Q1. Which packages should you add for basic user authentication in your database and UI? (اختر كل ما ينطبق)

accounts-ui
accounts-password

Q2. When a password reset email is sent from a Meteor server running on your own computer, where is the content of the email printed out?

In the console
In a special template

Q1. What does the max-height CSS property do to images?

Stops the image from being heigher than a certain height.
Sets the height of an image and prevents it from going higher.

Q2. What is the name of the user login template provided by accounts-ui?

loginButtons
userLogin

لغز 3: Accessing user information

Q1. How do we access a logged in user’s email address?

Meteor.user().emails[0].address
Meteor.user().email_address[0]

Q2. Why do templates that access user data render twice sometimes?

There is a bug in the meteor code.
Meteor.user changes during the start up of the app in the browser.

لغز 4: Customising the user registration form

Q1. What is the purpose of the Accounts.ui.config function?

It only allows you to change the design of the registration form.
It allows you to re-configure the fields in the registration form.

Q2. Bonus information: which is an alternative way to access user information?

Meteor.users()
Meteor.users.find()

لغز 5: Attaching users to images

Q1. Which of these look like valid template helpers? (اختر كل ما ينطبق)

Template.image_list.helpers({ images: [ {img_alt:"my image"}, {img_alt:"my other image"} ] });
Template.image_list.helpers({ images: function(){ return Images.find({}); } });

Q2. Which is the correct way to insert an image into a database collection?

Images.insert(img_alt, img_src, userId)
Images.insert({img_alt: img_alt, img_src: img_src, userId: userId})

لغز 6: Filtering images by user

Q1. Why do we always need an href attribute on an a tag? Choose the most accurate answer.

Without an href, the browser will not apply the expected visual changes when a user moves the mouse over the link.
Links always need to go somewhere. The href tells the browser where the link is going.

Q2. How many copies of the Session variable do you think there are in a complete Meteor application?

واحد.
One for each connected client.

لغز 7: Removing the image filter

Q1. You are provided with a helper function as follows:

Template.image_list.helpers({

greaterThan5:function(input){

console.log(input);

if (input > 5){

return true;

} else {

return false; } } });

Which is the correct syntax for an if block in a template that uses this helper?

{{#if greaterThan5 10}} 10 is greater than 5 {{/if}}
{{#if greaterThan5(10)}} 10 is greater than 5 {{/if}}

Q2. How do you unset a key called ‘myKey’ on a session?

Session.set(‘myKey’, undefined)
Session.unset(‘myKey’)

لغز 8: Infinite scroll

Q1. Why should we use an infinite scroll?

It is technically impressive.
The site will load faster.

Q2. What does limit mean in a database find query?

It limits how many connections are made to the database at a time to make the server more efficient.
It limits how many items will be returned.

لغز 9: User authentication summary quiz

Q1. Which of the following types of user accounts are supported by packages in meteor? (clue – run the command

meteor search accounts )

اختر كل ما ينطبق

جوجل
فيس بوك
تغريد
جيثب

Q2. What happens to your page content when you set up a fixed position navbar?

The top part is hidden behind the navbar.
It moves down by the height of the navbar.
The page content is always completely hidden.
The page can no longer scroll.

Q3. Reactive data sources…

Are just another name for database collections
Automatically change in response to events triggered by the user
Cause templates that rely on that data source to re-render automatically if the data changes
Can react to different circumstances that might occur in the app.

Q4. What is the Meteor.user() function for?

Accessing the current user.
Logging in a user.
Creating a new user in the database.
Finding out the username that the meteor server is running as.

Q5. Which of the following specifies a template helper function that returns the username if the user is logged in?

Template.body.helpers({
username: وظيفة(){
var user = Meteor.user();
إذا (المستعمل){
return user.username; } } });
Template.body.helpers({
username: وظيفة(){
var user = Users.findOne({_id:Meteor.userId()})
إذا (المستعمل){
return user.username; } } });
Template.body.helpers({
username: وظيفة(){
var user = user();
إذا (المستعمل){
return user.username; } } });
Template.body.helpers({
username: وظيفة(){
var user = Meteor.users.findOne({_id:Meteor.userId()})
إذا (المستعمل){
return user.username; } } });

Q6. Select the options where variable a is ‘truthy’

var a = -1;
var a = 10 == 5;
var a = 1;
var a = 0;

Q7. Which of the following are reactive data sources?

var myModuleValue = 10;
The Images collection from this course
حصة
Meteor.user()

Q8. ما هو الخطأ في هذا الرمز?

Template.imageList.helpers({
username: وظيفة(){
var user = Meteor.users.findOne({_id:Meteor.userId()})
إذا (المستعمل){
return user.username;
}
}
صور: وظيفة(){
var filter = {userId:Meteor.userId()};
return Images.find(منقي);

There is no comma between the properties in the property set
You cannot specify filters as variables, so the find function will not work
There is no semicolon at the end of the line ‘var user = Meteor.users.findOne({_id:Meteor.userId()}) '
The username helper does not return anything if there is no user available.

Q9. Which is the correct way to specify a template helper function that returns true if the user is logged in, which can be used in a template if block?

Template.body.helpers({
isLoggedIn:وظيفة(){
إذا (Meteor.user().username == ‘anonymouse’){
return false;
} else {
return true; } }, })
Template.body.helpers({
isLoggedIn:وظيفة(){
return Meteor.user() }, })
Template.body.helpers({
isLoggedIn:return Meteor.user(), })
Template.body.helpers({
isLoggedIn:وظيفة(المستعمل){
return user.isLoggedIn; }, })

Q10. What is wrong with displaying all the images in the database at once in the template? (اختر كل ما ينطبق)

Templates are limited to 100 iterations of a loop.
There will be an unnecessary load placed on the server as it reads the images from disk and sends them out to the client.
The Session variable prevents this by default.
The site will take a long time to load.

Introduction to Meteor.js Development Week 4 إجابات المسابقة

لغز 1: How to organise your code

Q1. Which files do not go in the public folder?

Meteor app javaScript code such as template helper functions
Image files

Q2. Why are Meteor.isClient and Meteor.isServer not needed in code in the server and client folders?

Code in the client and server folders will only run on the client or the server, على التوالي. وبالتالي, we do not need to test where it is running.
It is guaranteed that Meteor will run all of the code in these folders on both the client and the server.

لغز 2: Hack into your site!

Q1. In terms of what you have access to, the browser console environment is equivalent to:

The inside of an ‘if(Meteor.isServer)’ block
The inside of an ‘if(Meteor.isClient)’ block

Q2. What was the key message in this video?

Don’t use databases to store user generated content.
Don’t trust users to behave on your site.

لغز 3: Make your site more secure

Q1. What is the name of the package that makes your app easier to develop, but not very secure

Insecure
يؤمن

Q2. في الفيديو, before we implemented delete permissions, why does the image disappear then re-appear when we click on it?

The jQuery code makes the image disappear, then the animation is cancelled as the image is not allowed to be deleted.
The image is actually deleted from the local copy of the collection, but when the server checks the permissions, it blocks the delete from happening to the central copy. ثم, the local collection re-syncs and reactivity causes the template to re-render.

لغز 4: Tidy up the project

Q1. Which of the following is true?

The lib folder is only sent to the server.
JavaScript code in the lib folder runs before other code.

Q2. Do you need the ‘if(Meteor.isServer)’ test in the lib folder?

نعم فعلا
لا

لغز 5: Routing with iron:router

Q1. If we put the following code in our client javascript code, which template will be rendered when we visit http://localhost:3000/صور?

Router.route('/', function(){

this.render('images');

});

Router.route('/images', function(){

this.render('navbar');

});

The images template.
The navbar template.

Q2. Why do we need to use routing?

To allow the specification of different pages on the site that the user can move to, without needing to completely reload the page.
To allow the creation of a sitemap showing the routes around the site.

لغز 6: Better routing

Q1. What should the name attribute of the main layout template be set to if I configure the router using the following code:

Router.configure({

layoutTemplate:'MainLayout', })

MainLayout
LayoutTemplate

Q2. What does the yield mean in the following code?

{{> yield "header"}}

It is instructing the router that there is a point in the layout template to which it can render sub-templates and that it is called ‘header’.
It is instructing the router to render a template called ‘header’ at this point.

لغز 7: Security and routing summary quiz

Q1. Which folder would you put template helper code into? (choose the best option)

الخادم
مشترك
client
عامة

Q2. Where would you put collection definition code? (choose the best option)

shared or imports for newer versions of meteor
عامة
الخادم
client

Q3. What will the following code do if you run it in the browser console?

إلى عن على (var i = 0; أنا < 1000; i += 2){
Images.insert({
“img_src”:”no good!"});}

Nothing – the browser console has security features which prevent malicious users from executing dangerous code on websites.
إدراج 500 images into the images collection
إدراج 1000 images to the image collection
Nothing – you cannot insert images using a loop

Q4. What is the correct code to check the user is logged in before they can delete an image? (اختر كل ما ينطبق)

Images.remove.allow(وظيفة(userId, doc){
إذا (userId){
return true;
} else {
return false; } })
Images.allow({
remove:وظيفة(userId, doc){
إذا (userId){
return true;
} else {
return false; } } });
Images.allow({
remove:وظيفة(userId, doc){
إذا (Meteor.user()){
return true;
} else {
return false; } } });
Images.allow({
يمسح:وظيفة(userId, doc){
إذا (userId){
return true;
} else {
return false; } } });

Q5. What will the following code print in the browser console when a user tries to insert an image. assuming they are logged in?

Images.allow({
إدراج:وظيفة(userId, doc){
إذا (Meteor.isServer){
console.log(“insert on server”);
}
إذا (Meteor.isClient){
console.log(“insert on client”);
}
إذا (Meteor.user()){
return true;

Insert on client
Insert on client Insert on server
Insert on server
لا شئ

Q6. Where should you put server start up code?

In the server folder
In the lib folder
In the client folder
In the startup folder

Q7. Which of the following route specifications will display the images template when the user visits http://localhost:3000/صور ?

Router.route(‘/’, وظيفة(){ this.render(‘images’); });
Router.route(‘images’, وظيفة(){ this.render(‘/’); });
Router.route(‘/images’, وظيفة(){ this.render(‘images’); });
Router.route({ صور: وظيفة(){ this.render(‘images’); } });

Q8. Which of the following is the most correct way to create a route that can take the user to a view called ‘/images’?

<a href="images">go to images</a>
<a href="http://localhost:3000/images">go to images</a>
<a href="/images">go to images</a>
<a src="/images" >go to images</a>

Q9. Which statements are true about the following code?

Router.route(‘/images/:_id’, وظيفة () {
this.render(‘Home’, {
البيانات: وظيفة () {
return Images.findOne({_id: this.params._id});} }); });

The Home template will be rendered
If the user views the address http://localhost:3000/images/123, the data context will be a single image that has the _id = 123.
The data context for the template will be a single image
We are defining a route that can be accessed via http://localhost:3000/Home when the server is running on our local machine.

مؤلف

هيلين باسي

مرحبا, I'm Helena, كاتب مدونة شغوف بنشر محتويات ثاقبة في مجال التعليم. أعتقد أن التعليم هو مفتاح التنمية الشخصية والاجتماعية, وأريد أن أشارك معرفتي وخبرتي مع المتعلمين من جميع الأعمار والخلفيات. على مدونتي, ستجد مقالات حول موضوعات مثل استراتيجيات التعلم, التعليم عبر الإنترنت, إرشاد مهني, و اكثر. وأرحب أيضًا بتعليقات واقتراحات القراء, لذلك لا تتردد في ترك تعليق أو الاتصال بي في أي وقت. أتمنى أن تستمتع بقراءة مدونتي وتجدها مفيدة وملهمة.
مشاهدة جميع المشاركات