Lecture1
0 likes268 views
This document contains the agenda and notes from Lecture 1 of a WebUI course. It introduces web development topics like languages (Java, PHP, Python etc.), platforms (Windows, Linux, Mac etc.), browsers and devices. It discusses the current trend of everything moving to the web. It defines the role of a front-end developer as someone who works across design, development, user communication and more. The homework asks students to watch a video on front-end engineer roles, choose their preferred role, create a GitHub account and repository, fill out their forum profile, and collaborate with others.
More Related Content
What's hot (20)
Viewers also liked (20)
Similar to Lecture1 (20)
Recently uploaded (20)
Lecture1
- 2. Agenda โข Intro โข Web development is โฆ โข FrontEnd de๏ฌnition โข Environment โข Technologies set โข Organizational questions, free talking
- 3. Web development is โฆ โข current situation โข languages and platforms โข history
- 4. Current situation Everything is a web based desktop mobile tv glasses watches cars homes
- 5. Languages and platforms โข Java โข PHP โข Python โข Ruby โข .NET โข Scala โข Erlang โข GO โข Bash โข Perl โข windows โข linux โข mac โข iOS โข Android โข and many many more
- 7. FrontEnd de๏ฌnition โข job speci๏ฌc โข knowledge areas โข design & development โข end-user communication
- 8. Job speci๏ฌc โข Psd to html/css โข Image optimization, sprites โข Animation programming โข Font search โข Design review โข Wireframe implementation โข Mockup adaptation โข Responsive markup โข Interaction programming โข Backend integration โข Build process optimization โข Code refactoring โข Solution search โข Framework library troubleshooting โข User stories review โข Unit testing โข Writing documentation and style guides โข Architecture design โข Page load/rendering speed optimization โข SEO/SMO friendly โข Non-stop communication with people โข Non-stop learning process
- 9. Knowledge areas Allen Rabinovich: The Many Hats of the Frontend Engineer https://www.youtube.com/watch?v=rDRr_pUl3i0
- 10. Design & development โข if you donโt have a designer โ you should became one โข if you have a designer โ you will need to lead him โข if you donโt have other developers โ you need to know more โข if you have other developers โ you need to know even more and teach them
- 11. End-user communication โข Feedback is your most valuable data โข Feedback is not only a verbal thing: โข statistic, heat maps, A/B testing โข survey results โข verbal โข Make sure you gather feedback from your target audience
- 12. Browsers and platforms โข Different browsers have different features support โข Itโs always changing โข Nightly builds are your friends โข Many versions to support at once, many vendors to support, many OS to support โข Not only on a desktop, but almost everywhere
- 13. Technical restrictions โข wide screen โข mouse/touchpad โข keyboard โข โworkโ context โข fast connection โข multitasking PhoneTabletDesktop โข smaller viewport โข ๏ฌngers as the primary input device โข optional keyboard โข โrelaxโ context โข mixed connection โข single task โข tiny viewport โข ๏ฌngers as the only input device โข โhurryโ context โข slow connection โข single task
- 14. Organizational questions โข github.com โข everyone will need to create account there โข name your repositories by lectures with โUIcourse_โ pre๏ฌx โข github.com/username/UIcourse_lecture1 โข push your homework and send me a message โข http://my.lits.com.ua/ forum โข use forum for communication with other students โข you should try to use english, if you are not ok with this โ use any other language
- 15. Organizational questions โข All lecture slides will be published at http:// my.lits.com.ua/ โข before next lecture Iโll ๏ฌll calendar โข our next meeting is on Thursday โข Deadline for your homework is Saturday
- 16. Homework #1 โข watch Allenโs presentation โข choose what hat you want to wear more than others โข register account at github.com โข create repository for lecture1 โข push there a text ๏ฌle with your answer โข login to http://my.lits.com.ua/ โข complete your pro๏ฌle with photo โข collaborate with others at forum, donโt be shy, create your own topic