Web technologies: session 1
Intro to static web sites development
Sergey Smyshlyaev / @sesm
Employed as a Software Developer since 2008
Doing web dev since 2012
About this course
The only way to learn web dev is practice
Check out 180 sites in 180 days
There are fundamental knowledge, but practice should come first
Marks are mostly for your self-assesment
We are going to avoid frameworks/libs
Asking for help
Not giving up
Show of hands
Who came with a computer
Web dev experience anyone?
Are you ok with using VK group for coordination?
Browser with good inspector (Firefox/Chrome)
Show something already!
Display (block, inline, etc)
Different default styles
MDN (better access it through Google)
How to add CSS to a page
CSS vs inline styles
Let's start your task
Let's use YouTube.com as an example
Experimental features and vendor prefixes
Normalize the page
Let's implement mobile version
How to add scripts
What is DOM?
Selectors and event listeners
Who heard about jQuery?
Use JS for scrolling effects
Notes on doing markup
You would normally start with design first
Going top-down and using colored blocks is still a good idea
If you have an issue go back to colored blocks
Make website look decent
Notes about frameworks
Bootstrap, Foundation, Materialize-css
It's good to understand what they are doing
Frameworks usually include normalization
The less JS - the better
Time to get your tasks and start hacking!
Web tech: session 1
By Sergey Smyshlyaev