Using Visual Studio Code (React -JavaScript /Redux) //Create an interface for students booking wh...

Question

Question

Using Visual Studio Code (React -JavaScript /Redux)

//Create an interface for students booking which shows a table of student session and another table for workshops sessions as shown in the picture.

Sessions ast DateDays Time 29f2f20rz We 15:00 16:00 CB01.03.08 David Sotir Room Advisor Type UG/PG course work students UG/PG

//If there is no sessions and workshop session:

Sessions

There are no sessions to display.

Workshop sessions

There are no workshop sessions to display.

//Database will be add later.

engineering Computer-Science

Add a comment Improve this question Transcribed image text

Answer 1

Answer #1

<!DOCTYPE html>
<html lang="en">
<head>
<title>Sessions</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
<h2><B>Sessions</B></h2>
<p>Past</p>
<table class="table table-striped">
<thead>
<tr>
<th>Date</th>
<th>Days</th>
<th>Time</th>
<th>Room</th>
<th>Advisor</th>
<th>Type</th>
</tr>
</thead>
<tbody>
<tr>
<td>29/2/2012</td>
<td>We</td>
<td>15:00 - 16:00</td>
<td>CB01.03.08</td>
<td>David Sotir</td>
<td>UG/PG course work students</td>
</tr>
<tr>
<td>5/9/2015</td>
<td>Mo</td>
<td>15:40 - 16:20</td>
<td>CB01.18.22</td>
<td>Graham Williams</td>
<td>UG/PG course work students</td>
</tr>
</tbody>
</table>
<h2><B> Workshop Sessions</B></h2>
<p>Past</p>
<table class="table table-striped">
<thead>
<tr>
<th>Topic</th>
<th>Start Date</th>
<th>End Date</th>
<th>Days</th>
<th>Time</th>
<th>Room</th>
<th>No. of Sessions</th>
</tr>
</thead>
<tbody>
<tr>
<td>Conversations: morning sessions</td>
<td>04/08/2014</td>
<td>04/08/2014</td>
<td>Mo,we,Th,Fr</td>
<td>See details</td>
<td>See details</td>
<td>0</td>
</tr>
</tbody>
</table>
</div>

</body>
</html>

***********************************************************

Just Run the above code it will show the desired output. There was no database so I have used the static values

Add a comment

Answer 2

Using Visual Studio Code (React -JavaScript /Redux) //Create an interface for students booking wh...

Homework Answers

Add Answer to:
Using Visual Studio Code (React -JavaScript /Redux) //Create an interface for students booking wh...

Post as a guest

Earn Coins

Using Visual Studio Code (React -JavaScript /Redux) //Create an interface for students booking wh...

Homework Answers

Add Answer to: Using Visual Studio Code (React -JavaScript /Redux) //Create an interface for students booking wh...

Post as a guest

Earn Coins

Add Answer to:
Using Visual Studio Code (React -JavaScript /Redux) //Create an interface for students booking wh...