This document provides information about an upcoming backend development bootcamp organized by Google Developer Student Clubs (GDSC). It outlines the topics that will be covered, including JavaScript, Node.js, Express, MongoDB, and building a hands-on idea box project. It also shares details about past GDSC events like Android Study Jams where students submitted apps and winners were selected. Presenters are introduced who will teach various sessions over the course of the bootcamp, providing overviews of the topics they will cover like intro to JavaScript, servers, REST APIs, and using databases.

1. Our Sponsors and Partners

2. GDSC DYPCOE Welcomes you
all in Backend Development
Bootcamp!

3. Google Developer Student Clubs
Google Developer Student Clubs (GDSC) are community groups for college
and university students interested in Google developer technologies.
Students from all undergraduate or graduate programs with an interest in
growing as a developer are welcome. By joining a GDSC, students grow their
knowledge in a peer-to-peer learning environment and build solutions for
local businesses and their community.
What is GDSC?

4. Past Events of 2021-22

5. Android Study
Jams 2021-22

6. Android Study Jams Submissions
Total App Submissions: 40
Winner Apps: 3
Special Category Winners: 3

7. Special Category #3 : UX & Simplicity

9. Special Category #2 : Innovative Idea

11. Special Category #1 : UI & Use of Online DB

13. Rank #3

15. Rank #2

17. Rank #1

19. Backend Bootcamp
What you will learn?
●JavaScript Refresher
●Node JS
●Express JS
●Mongo DB
●Hands-on Idea Box

20. https://ideabox-gdsc.herokuapp.com/

21. Bhushan Kale
Intro to JavaScript

22. What is JS?
Did you know :
●Over 97% of websites use JavaScript on the
client side for web page behavior
●JavaScript can be used in both the front-end
and back-end of web development

23. Why to learn JavaScript?
●Dynamic Websites
●Games
●Frameworks
●Versatile
●In short, almost everything😱
Ise ghar kyu kehte ho,
Jilha kyu nahi ghoshit kar dete

24. What points we will cover
●Data types
●Variables
●Conditional Statements
●Objects, Arrays
●JSON, import/export syntax
●Functions
●Operators

26. Variables
Const
Let
Var

27. let name;
var name = “GDSC”; name = “GDSC”;
let name= “GDSC”;
var let const
var name;
// undefined
// “GDSC”
// undefined
// “GDSC”
// “GDSC”
const name;
name = “GDSC”;
const name = “GDSC”;
// error
// “GDSC”
// “GDSC”
❌
❌

28. You missed a
semicolon;
JS: Don’t worry!

29. Conditional Statements

30. if (condition) {
// block of code to be executed if the
condition is true
} else {
// block of code to be executed if the
condition is false
}

31. Objects in JS:
●Collection of key : value pairs
●Access and modify specific values

32. let student = {
firstName:”Rahul”,
rollNo : 99,
isPresent : true,
}
console.log(student.isPresent)
// true

33. ●An array can hold many values under a
single name, and you can access the values
by referring to an index number
Arrays in JS

34. let studentDetails = [
{
firstName:”Rahul”,
rollNo : 99,
isPresent : true,
},
{
firstName:”Preeti”,
rollNo : 100,
isPresent : false,
},
]
// output

35. JavaScript
*JavaScript *Programmer

36. Mrunmayi Shirke
Intro to JavaScript-2

37. condition
? statement1
: statement 2
Ternary Operators

38. Comparison

39. 5 == “5”
false

40. function MyFunc() {
console.log(“It works..”);
}
MyFunc();
Functions
Function keyword Function name
Function call

41. Arrow Functions
Function name = () => {
. . .
}
●Syntactical format of
functions

42. Callback Functions
●Passing function as parameter
to another function.
●Also known as First Class
Citizens

43. const arr = [1, 2, 3, 4, 5];
const result = arr.map(ele => ele * 2);
console.log(result);
// 2, 4, 6, 8, 10
Map Method

44. Rahul after learning JS

45. Om Gawande
Node JS Intro, and
Folder structure

46. NodeJs
●Server-side platform
●Runtime environment
●Event driven
●Non-blocking I/O model

47. Folder Structure

48. Node Package Manager
●Nodemon
●Express

51. Mere Paas Authentication Token Hai

52. Pranav Yeole
Server & REST API

53. Let’s explore Backend
Learn about – NodeJS, Express & REST API
● What is NodeJS?
● What’s a Backend & Why use it?
● Setting up Server in Node
● Express & other JavaScript frameworks
● REST API & Request Response cycle

54. What is node.js & why is it so
popular?
“Node.js is an asynchronous event-driven JavaScript
runtime to build scalable network applications.”

55. What is a backend?
What does it do?
“The stuff that makes a website function.”
●Backend provides an interface to interact with data &
integrate functionalities like authentication, payments etc.

56. What is localhost? How to
setup a server with node.js
●Localhost is the hostname or the computer that is
currently in use to run a program.

57. What is express.js & other
javaScript frameworks used
with node?
“Express is a routing and middleware web
framework that has minimal functionality of its
own.”

58. What is mongoose?
Why use it?
“Elegant mongodb object modelling for
node.js.”

59. What is REST API & request
response objects?

60. REST API conventions & Http Verbs

61. Request Object – Headers | Body | Query | Params
What are Headers?
●Headers provide information about the request context, so
that the server can tailor the response.
headers: {
Content-type: "application/json",
Accept: "application/json",
Authorization: "Bearer
hVmYq3t6w9z$CcQfTjWnZr4u" }
Example -
Request object & attributes

62. Request Body
● Query strings are Key-Value pairs attached to
the end of a URL to request dynamic
information from the server.
● Params contains parsed route parameters
derived from named sections of the URL.
Query & Params
● Request body contains information that client
sends to the api.

63. What are Status Codes?
●Status Codes alerts the client to information about
the success of the operation.
https://developer.mozilla.org/en-
US/docs/Web/HTTP/Status

64. What CORS policy? Why it is enforced?
●CORS stands for Cross-Origin Resource Sharing. It
allows you to make requests from one website to
another website in the browser.
●This is normally prohibited by another browser
policy called the Same-Origin Policy (SOP)

65. Response Body
●Response body contains information that the server sends
back.
const admin = await Admin.findOne({ email });
if (!admin) {
return res.status(401).json({ msg: "admin not found"
});
}
Example -
Middleware & Error Handling
● Middlewares are functions that execute during the request to
server and have access to the request and response objects.

66. What is Authentication? Why
is it used?
●Authentication is the process of verifying a user’s identity
by obtaining credentials and authorizing the user to
access certain resources on the server.

67. Thanks for your time & Patience
<>Let’s code together 🚀</>
NOW IF YOU’RE READY

68. Database
Why?
●Because variables are NOT Permanent
●A database is a systematic collection of data. They
support electronic storage and manipulation of data.
Databases make data management easy.

69. Variable sun ke Permanent
samjhe kya?
TEMPORARYhai mai!!!!

70. My Website without
Database
My Website after using
Database

71. Mongo Atlas is a Cloud Database, We will host our
Database on Mongo Atlas
Because,
बादल
Important ह
ै

72. Now comes the CONNECTION
Connecting Users….

73. Bass….. ho gaya!!!!
Connected Users….

74. Jaise har event,
Online nahi hota
Jaise har club,
GDSC nahi hota!!!

75. Waise hi
Har Database me,
Table nahi hota

76. MySQL
Tables
MongoDB
Collection

77. Let’s deploy our application🚀
https://dashboard.heroku.com/
https://app.netlify.com/

78. Thank you
Hope you’ll found this event
interesting!
If you have any doubts feel
free to ask!