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
- 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
- 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
- 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
- 21. Membership👨👦👦 Join Us On Discord !! Join Us On Discord !!