Recommended
More Related Content
Similar to TechCon GDSC IIITN Web Dev Bootcamp
Similar to TechCon GDSC IIITN Web Dev Bootcamp (20)
More from GoogleDeveloperStude13
Recently uploaded
Recently uploaded (20)
TechCon GDSC IIITN Web Dev Bootcamp
- 2. WHAT IS WEB DEVELOPMENT? Web development is the process of creating websites and web applications. Web development can be broken down into two main categories: 1. Front-end development 2. Back-end development. Web development is a complex and constantly evolving field that requires a range of skills and expertise. As the internet continues to play an increasingly important role in our lives, the demand for skilled web developers is likely to continue to grow.
- 4. WHY WEB DEVELOPMENT? ● High demand ● Potential for high earnings ● Web is everywhere ● Creative expression iiitnconnect.netlify.app ● Entrepreneurship https://w`ww.joshuas.world/ https://www.getrepeat.io/ https://www.flyhyer.com/ https://www.superlist.com/
- 5. ROADMAP
- 6. HTML & CSS ● HTML Layout, Tags & Attributes <!DOCTYPE html/>, <head>, <body>, <p>, <img> ● Semantic Elements <header>, <section>, <footer>, <aside>, etc ● IDs VS Classes IDs for unique elements, classes for styling ● CSS Fundamentals fonts, colors, box model, positioning, etc. ● CSS Specificity The specific weight of selectors ● Flexbox & CSS Grid Create one and two-dimensional layouts ● Responsive Layouts Media queries, fluid layouts, etc
- 9. JavaScript ● Learn the Basics Functions, loops, conditionals, scope ● The Browser Environment The window object, execution context ● Document Object Model Manipulate DOM content, styling, events ● ES6+ Features Arrow functions, destructuring, template literals ● Array methods forEach, filter, map, reduce, find ● Asynchronous JS & HTTP Callbacks, promises, fetch, JSON https://codepen.io/rcyou/pen/QEObEZ
- 10. TOOLS ● Git and GitHub ● Browser Developer Tools ● IDE Extensions
- 12. DESIGN TOOLS UI Design Principles ● Scale ● Whitespace ● Color and Contrast ● Visual Hierarchy ● Typography ● Alignment & Flow Web Design Tools ● Figma ● Adobe XD
- 13. FRONT END FRAMEWORKS Angular Created by Google Steep Learning Curve Popular in Enterprise Good for Complex projects Vue Not backed by any company Easy Learning Curve Gaining Popularity Great Community/Resources React Created by Meta Intermediate Learning Curve Extremely Popular Great Community/Resources
- 14. SERVER SIDE LANGUAGES ● NodeJS(express.js) ● Python(Django) ● PHP(Laravel) ● C#(.NET) ● Java(Spring) ● Ruby(Rails) ● Kotlin(Spring) ● Rust ● Swift ● GoLang
- 17. AND MUCH MORE…