DOM-E5122 - Contemporary Web Development, 12.01.2021-29.01.2021

Materials

• Materials
  

  Materials

  Survival guide

  ( Basics of HTML, CSS)
  

  HTML in 60 minutes

  https://www.youtube.com/watch?t=452&v=UB1O30fR-EE&feature=youtu.be
  

  CSS in 20 minutes

  
  

  * Practice your css selectors. Highly recommended!

  * A complete guide to flexbox

  * Practice flexbox

  * css_selector_cheat_sheet

  
  

  Lectures

  Lecture 1

  
  

  * Todo list example

  * JS basics

  * Greetings

  * Slides for the first lecture

  
  

  
  

  Lecture 2

  
  

  Motivational websites:

  
  

  war

  ___________🚗_________
  

  FF | TOUR
  

  sketch London

  CDS Adventure

  Block Rage

  Mr.doob | Google Space

  Mr.doob | Multiuser Sketchpad

  TUNDRA

  Skills & Experience | Front End Developer | WordPress - Freelance

  
  

  
  

  Codepens for today:

  
  

  React starter

  Initial start

  Layout practice

  Different ways to alter a box
  

  
  

  More tutorials:

  W3Schools CSS

  
  

  Functional React Components
  

  
  

  
  

  UseState hook

  https://www.youtube.com/watch?t=276&v=O6P86uwfdR0

  
  

  Lecture 3

  * We installed servez web server

  * react_starter
  

  * 100x100 grid
  

  * bulging text
  

  
  

  Lecture 4

  * parallax squares

  
  

  Also we started doing contemporary web development cookbook

  
  

  Week 2

  
  

  Lecture 1

  
  

  * Install nodejs to your computer

  * inspecting nodejs and npm

  * Taking a look on create-react-app
  

  
  

  
  

  
  

  
  

  • css_selector_cheat_sheet File PDF document
  • react-template File Archive (ZIP)
  • bulging_text File Archive (ZIP)
  • 100x100grid File Archive (ZIP)
  • sounds File Archive (ZIP)