The document provides an overview of web development, including front-end and back-end development, best practices like user-first design and performance optimization, tools used like Linux, Notepad++, and Git, common problems like cross-browser compatibility, and inspiring figures in the field like Addy Osmani and Paul Irish. It encourages contributors to get involved by writing blogs, attending conferences, educating others, and contributing to forums like Stack Overflow.

1. Making Web Fun !!
Raja Sekar
@rajzshkr

2. Next 20 mins…
Newbie – Intro to web development
Designer – Hurdles in web development
Experienced - Just a rewind

3. What is web development?
Front-end Back-end

4. Keep in mind
• User first
• Performance
• Progressive enhancement
• Learn at the root, not the abstraction
• Open source
• Give back to the community
• Reusability
• Responsive

5. Workflow

6. Before coding..
• Folder structure
• Assets / Sprite images
• CSS/JS lint – To define the coding
standard
• Naming convention

7. Tools
• Linux environment
• Notepad++/Sublime/Brackets
• Firebug
• Profiling
• Subversion - mostly git
• Grunt/Bower

8. Browser support
http://caniuse.com/

9. Common problems
• Cross browser compatibility
• Memory leakage
• Reducing page loading time
• Scope of variables
• Fallbacks

10. Best practice
• DRY - Don’t repeat your code
• SOC - Separation of concern
• Semantic HTML
• Use reset.css
• Unobstructive Javascript
• CSS - in head
• Js - end of body
• Proper comments

11. Inspiring Persons
• Addy Osmani
• Paul Irish
• David Walsh
• Douglas Crockford
• Chris Coyier
http://uptodate.frontendrescue.org/

12. Contribute to forum
• Stackoverflow
• Sitepoint
• Smazing Magazine
• Tut+

13. What next?
• Write blogs
• Attend conferences/Meet up
• Speak out
• Educate others
• Tweet

14. Reference
• Smashing Magazine
• CSS Tricks
• Site point
• Right Relevance
• Echo JS
• Can I Use

15. Thanks you!!!
Raja Sekar
@rajzshkr
uiraj89@gmail.com
+91 - 9688512442