Mean Stack development Lab Topics

 1.Include the Metadata element in Homepage.html for providing description as "IEKart's is an          online shopping website that sells goods in retail. This company deals with various categories like          Electronics, Clothing, Accessories etc.

 Enhance the Homepage.html of IEKart's Shopping Application by adding appropriate sectioning         elements.

 Link "Login", "SignUp" and "Track order" to "Login.html", "SignUp.html" and "Track.html" page         respectively. Bookmark each category to its details of IEKart's Shopping application.

 Add the © symbol in the Home page footer of IEKart's Shopping application

 Add the global attributes such as contenteditable, spellcheck, id etc. to enhance the Signup Page         functionality of IEKart's Shopping application.

2.Enhance the details page of IEKart's Shopping application by adding a table element to display the    available mobile/any inventories.

Use Table Elements, Table Elements : Colspan/Rowspan Attributes, border, cellspacing,                       cellpadding  attributes                                                                                                                          

Using the form elements create Signup page for IEKart's Shopping application.

Use Form Elements, Color and Date Pickers, Select and Datalist Elements

Add media content in a frame using audio, video, iframe elements to the Home page of IEKart's          Shopping application.

3.Write a JavaScript program to find the area of a circle using radius (var and let - reassign and observe the difference with var and let) and PI (const) 

Write JavaScript code to display the movie details such as movie name, starring, language, and ratings. Initialize the variables with values of appropriate types. Use template literals wherever necessary.

Write JavaScript code to book movie tickets online and calculate the total price, considering the number of tickets and price per ticket as Rs. 150. Also, apply a festive season discount of 10% and calculate the discounted amount.

Write a JavaScript code to book movie tickets online and calculate the total price based on the 3 conditions: (a) If seats to be booked are not more than 2, the cost per ticket remains Rs. 150. (b) If seats are 6 or more, booking is not allowed. (c) If seats are between 3 to 5 offer a festive discount of 10%

4.Create an array of objects having movie details. The object should include the movie name, starring, language, and ratings. Render the details of movies on the page using the array.

Simulate a periodic stock price change and display on the console. Hints: (i) Create a method which returns a random number - use Math.random, floor and other methods to return a rounded value. (ii) Invoke the method for every three seconds and stop when timer reaches 2 minutes

Validate the user by creating a login module. Hints: (i) Create a file login.js with a User class. (ii) Create a validate method with username and password as arguments. (iii) If the username and password are equal it will return "Login Successful" else will return login failed 

5. Write a program to show the workflow of JavaScript code executable by creating web server in Node.js.

Create a text file src.txt and add the following data to it. Mongo, Express, Angular, Node.

6. Implement routing for the AdventureTrails application by embedding the necessary code in the routes/route.js file.

7. Write a Mongoose schema to connect with MongoDB.

Write a program to wrap the Schema into a Model object.

Write a program to perform various CRUD (Create-Read-Update-Delete) operations using Mongoose library functions

8. Write a program to explain session management using cookies. Write a program to explain session management using sessions.

9. On the page, display the price of the mobile-based in three different colors. Instead of using the number in our code, represent them by string values like GoldPlatinum, PinkGold, SilverTitanium.

Define an arrow function inside the event handler to filter the product array with the selected product object using the productId received by the function. Pass the selected product object to the next screen.

     9.c also (refer syllabus)

10.   10. a

        10.b

        10.d


11.   All sub questions

12.   All sub questions



 


Comments

Post a Comment

Popular posts from this blog

AIDS Meanstack Sample questions

Image
1.  1. A AIM:  Include the Metadata element in Homepage.html for providing description as "IEKart's is an online shopping website that sells goods in retail. This company deals with various categories like Electronics, Clothing, Accessories etc. Program: <html> <head>   <meta charset="UTF-8">   <meta name="description" content="IEKart's is an online shopping website that sells goods in retail. This company deals with various categories like Electronics, Clothing, Accessories etc. ">   <meta name="keywords" content="Electronics, Clothing, Accessories" >   <meta name="author" content="John Doe">   <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> IEKart's is an online shopping website that sells goods in retail. This company deals with various categories like Electronics, Clothing, Accessorie...
Read more
      1.         A) Link "Login", "SignUp" and "Track order" to "Login.html", "SignUp.html" and "Track.html" page respectively.    B) Show functionality of the global attributes such as contenteditable, spellcheck, id      2.          Create following  Tables with Table Elements : Colspan/Rowspan Attributes,  Try different border, cellspacing, cellpadding attributes       3.         A) Create Form Elements, Color and Date Pickers, Select and Datalist Elements B) Add media content in a frame using audio, video, iframe elements to the Home page of IEKart's Shopping application.        4. Write a JavaScript program to find the area of a circle using radius   and PI (const) using HTML   5. ...
Read more

Express.js Registration form data 2 Server

Open Command prompt and Go to your Project folder and run these commands    npm install --save pug npm install --save body-parser npm install --save multer create index.js file in your project folder from Visual studio code with following code var express = require ( 'express' ); var bodyParser = require ( 'body-parser' ); var multer = require ( 'multer' ); var upload = multer (); var app = express (); app . get ( '/' , function ( req , res ){     res . render ( 'form' ); }); app . set ( 'view engine' , 'pug' ); app . set ( 'views' , './views' ); // for parsing application/json app . use ( bodyParser . json ()); // for parsing application/xwww- app . use ( bodyParser . urlencoded ({ extended : true })); //form-urlencoded // for parsing multipart/form-data app . use ( upload . array ()); app . use ( express . static ( 'public' )); app . post ( '/' , function ( req , res ){     console . l...
Read more