Explains about basics of web development, best practices , inspiring person.

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