11 November 2024

Lesson 1

Terminal commands

  • mkdir - create directory
  • cd - go to direcroty inside
  • ls -a - look at all files/folders in directory

HTML

Most useful tags

  • div usuing as container of some others tags (card of item in internet shop)
  • h1, h2, h3, ... up to h6 - in most cases enough from h1 to h3
  • p paragraph for text content
  • img for images
  • button to add some interactivity

Tags attributes

  • all tags have attribute class in react like templates called classNames
  • img - have attributes
    • src to set path to image,
    • alt - to have some value in case images can't be loaded

In react like templates have extra attributes

  • onClick - to set some action when detected click on element

CSS

How to set styles for

  • className="wrapper" - .wrapper {}
  • id="wrapper" - #wrapper {}
  • img - img {}

What to read

  • HTML - https://developer.mozilla.org/ru/docs/Learn/Getting_started_with_the_web/HTML_basics
  • CSS - https://www.w3.org/Style/Examples/011/firstcss.ru.tmpl