Web Dev presentation day 2

1. Ground Rules !
For this session
🔇 Please mute yourself
💬 Use chat box for any queries
😮 Feel free to turn off your video, we don't mind
❌ Please don't spam
🔈 Let us know if you having issues with audio/video
✌️ You got questions, shoot them at FAQ session

2. GDSC
Welcome
To
GECBSP

3. Front End Web-Dev
Workshop 2023

4. Web Development Lead
Swikrit Shukla
2nd year

5. Bootstrap

6. What is Bootstrap?
● Bootstrap is a free front-end framework for faster
and easier web development
● Bootstrap includes HTML and CSS based design
templates as well as optional JavaScript plugins.
● Bootstrap also gives you the ability to easily
create responsive designs

7. Why Use Bootstrap?
● Easy to use
● Responsive features
● Mobile-first approach
● Browser compatibility

8. Includes:-
● Installing Bootstrap
● Typography
● Grid
● Navbar
● Containers
● Buttons
● Panels
● Carousel
● Modal

9. Example with BootStrap

10. Javascript

11. JavaScript
JavaScript is the programming language of the Web.
● JavaScript which is often known as JS,is a high-level dynamic programming
language
● It allows client-side scripting to create completely dynamic web applications
and website

12. Introduction to JavaScript
● Ways to print in JavaScript
● JavaScript console API
● Variables
● Operators
● Data Types
● Conditionals
● Function
● Objects
● Strings

13. API(Application Programming Interface)

14. Program in JavaScript
Using Math.random()
Random no Generation Program

15. Hands On

16. Let's Build a Project

18. Let’s Code:
You can try to code on :- https://codepen.io/pen/
1. You can go to https://codepen.io/pen/
2. Sign in with your google account.
3. Create a new Sandbox and choose static

19. Membership
bit.ly/dscgecbsp_join

20. How to Contact?
dscgecbsp@gmail.com
https://twitter.com/dscgecbsp/
https://www.linkedin.com/in/dscgecbsp/
https://www.facebook.com/dscgecbsp/
https://www.instagram.com/dscgecbsp/

21. Membership👨👦👦
Join Us On Discord !!
Join Us On Discord !!