Basic Building Blocks of Web Development

Laying the Foundations. This is our first presentation from our first meetup on the Basic Building Blocks of Web Development.

Transcript

1. Basic Building Blocks of Web Development Darko & Rowan
2. Welcome to Entelect
3. Your Hosts • Darko Arnautovic • Rowan Deysel • Senior Software Engineers • Gangsters
4. What About You?
5. Bursting the Bubble
7. Asking the Right Questions
8. The Blocks
9. HTML • Elements • Structured Documents • Forms • Tags • Defines Your Page
10. HTML
11. CSS • Aesthetics • Defines Look of HTML • Centralises Style Definitions • Separates Presentation • Layouts, Colours, Fonts
13. Javascript • Dynamic • Untyped • Programmable Behaviour • Interactive • Lightweight
15. The Beginnings
16. IDE Usage Languages Price Rating Visual Studio Fe, Be, Mob .NET, Python Enterprise IntelliJ Fe, Be, Mob JAVA Enterprise Netbeans Fe, Be, Mob JAVA Enterprise Visual Studio Code Fe, Be, Mob .NET Free WebStorm Fe, Be, Mob JS Paid Sublime Fe, Be, Mob JS Free Atom Fe, Be, Mob JS Free Brackets Fe, Be, Mob JS Free XCode Fe, Mob iOS Free UltraEdit Fe, Be, Mob PHP Paid DreamWeaver Fe, Be, Mob PHP Paid
17. Frameworks
18. Frameworks • Web - Angular, React, Knockout. • Responsive - Bootstrap, Foundation • Preprocessors - SASS / LESS • Mobile - Phonegap, Xamarin, React Native, Ionic
19. CMS
20. CMS Content Management System • Wix - Static • Wordpress - PHP • Joomla - PHP
21. Hosting
22. Hosting - what’s important Type Operating system Database Bandwidth Domain Shared Dedicated Windows Linux MSSQL MySQL Depends on requirements. Check availability
23. Code repositories
24. Code repositories • Bitbucket • Github • Team Foundation Server • Gitlabs • Subversion • Assembla
25. What else?
26. SEO Search Engine Optimisation & Other Things • SEO ◦ Always changing ◦ Semantic tags • Other ◦ Mobile friendliness ◦ Performance • Marketing ◦ Google AdWords • Social ◦ Twitter ◦ Facebook
27. Conclusion
28. Eat your elephants slowly. Work at it in your own time as well. Keep it simple stupid! http://stackoverflow.com/ http://codepen.io/ https://www.codecademy.com/learn http://www.w3schools.com/