BTK Designing for the web 2016
0 likes229 views
Lukas Oppermann is a UI/UX designer who works at the agency veare developing websites, mobile and desktop apps, and embedded software for clients like Telekom, Bosch, and Congstar. He has been coding since high school, specializing in HTML, CSS, JavaScript, PHP, and MySQL. His current project is Form&System, an API-based content management system. He provides contact information and an overview of objectives, rules, and requirements for an upcoming workshop on web design topics including HTML, CSS, JavaScript, WordPress, and Google Analytics. The document also includes short summaries of the history of computers, the internet, and related technologies.
BTK Designing for the web 2016
- 1. #Webdesign
- 2. #Lukas Oppermann UI / UX Designer
- 3. #veare -veare is my agency -work with agencies & companies like Telekom, Bosch and Congstar on: -websites -mobile & desktop apps -embedded software
- 4. #Lukas Oppermann -Code since high school -Languages: HTML, CSS, JS, PHP, MySQL -Current Project: Form&System – an api based cms
- 6. #Your objectives What do you want to learn?
- 7. #Objectives -understanding & working with html, css, js -intro to tools like wordpress & google analytics -learning about UX on the web
- 8. #Rules
- 9. #Rules 1.Stop me immediately when I am to fast or you have a question. 2.Always ask questions immediately
- 10. #Passing What do you have to do?
- 11. #Attendance As required by BTK
- 12. #Do your work -always hand in homework -do your presentation
- 13. Short historyof computers & the internet
- 14. Zuse first programmable computer 1938
- 15. 1980s home computers hit the market
- 16. Short history of computers & the internet EaNSF
- 17. Sir Tim Berners-Lee Invents the Internet of today 1989
- 18. The first website HTML only
- 19. HTML (23y) HyperText Markup Language
- 20. CSS (18y) Cascading Style Sheets
- 21. JS (18y) JavaScript / ECMA Script
- 22. #What is the internet? A simplified explanation.
- 23. #The internet is… a network of connected servers.
- 24. #A server is… a computer which is always online (connected to the network).
- 25. Server Rack 19-inch Rack / Standardised System
- 26. #Surfing the web means… connecting to one of the servers.
- 27. #To open a website we use a domain But how does the browser know which server to connect to? And which website to open? e.g. http://google.com
- 28. #Root Name Server Specific name server for a root zone of the internet (e.g. EU)
- 29. #Nameservers Specific servers know which IP belongs to which domain
- 30. #IP address unique address every device on the internet has e.g. 172.16.254.1
- 31. #Terms 5 minutes to think of terms you want to know about.
- 33. #Backend PHP, Ruby, .NET, SQL, etc.
- 34. #Frontend HTML, DOM, CSS, JavaScript
- 35. #Homework: UX Research -What is UX? -What does a UX designer do? -example of UX problem & solution.
- 36. #Presentations HTML & CSS -explain what the language is & what it is used for -give a short history of the invention and development of it -provide code examples with an an image or a live demo