WebDevFundamentals.pdf
- 1. WEB DEV FUNDAMENTALS PRESENTED BY: AYUSH KUMAR BHADANI
- 2. About me Ayush Kumar Bhadani Career • 4 Internships • 4 Freelancing Projects • Multiple Web dev Projects @ayushkumarbhadani 4th Year Engineering Graduate Achievements • GDSC Web Dev Lead • Smart India Hackathon Winner • NPTEL Gold Medalist
- 3. Todays Agenda • Web Basics: How websites works? • Servers and its importance. • What is Frontend and Backend? • HTML and its requirements. • CSS and its uses. 30 Mins Break! • Mini Project: Your Portfolio • Hosting your Portfolio using GitHub
- 4. What is a Website?
- 5. What is a Website? A website is a collection of one or many Webpages.
- 6. What is a Webpage?
- 7. What is a Webpage? A web page is a f ile generally written using HTML and displayed by a browser.
- 8. How to Create a Webpage? 🤔
- 9. How to Create a Webpage? Using HTML
- 10. Do we only need HTML for Web Development?
- 11. Do we only need HTML for Web Development? No!
- 12. The Web Development Roadmap!
- 13. The Web Development Roadmap! Frontend Backend Database
- 14. Frontend Backend HTML CSS JavaScript
- 15. Frontend Backend PHP NodeJs C# Flask Django
- 16. Frontend Backend Database SQL NoSQL
- 17. Front-end
- 18. Front-end Everything you see on a webpage!
- 19. What do we see on a web page? 🤔 Let’s analyse!
- 20. Ok! But how do I create one? 🤔
- 21. Ok! But how do I create one? Using HTML
- 22. What is HTML? HTML is a Markup Language use to create webpages!
- 23. Tags in HTML
- 25. Types of Tags Block Level Tags Inline Level Tags Non Self Closing Tags Self Closing Tags
- 26. List of Important Tags! • Heading Tags • Paragraph Tag • List Tags • Table Tags • Anchor Tag • Div Tag • Span Tag • Form Tags
- 27. What about CSS? CSS is use to make HTML look beautiful!
- 28. Its the Time for some Practical!