complete-intro-to-web-dev-v3
complete-intro-to-web-dev-v3 copied to clipboard
btholt
The Complete Intro to Web Dev v3, as taught on Frontend Masters
https://btholt.github.io/complete-intro-to-web-dev-v3/lessons/javascript/functions "Now we rather than have to **repeate** ourselves" repeat
There is a typo in [https://btholt.github.io/complete-intro-to-web-dev-v3/lessons/css/flex](https://btholt.github.io/complete-intro-to-web-dev-v3/lessons/css/flex) in the first paragraph  The word "to" has been doubled at the beginning of the second line.
https://btholt.github.io/complete-intro-to-web-dev-v3/lessons/css/animations Easing ``` .dancer { position: relative; display: inline-block; font-size: 30px; position: absolute; right: 0; /* this is the log way of doing: animation: move 1s infinite alternate; */ animation-name:...
https://btholt.github.io/complete-intro-to-web-dev-v3/lessons/css/flex "We can tell **the** **them** to be left aligned," We can tell them to be left aligned,
https://btholt.github.io/complete-intro-to-web-dev-v3/lessons/css/grid "grid-template-column allows you you to set up how the grid is constructed. You can do it in percentages, pixels, or fr which stands for fractions. **With** **with** two 1fr...
https://btholt.github.io/complete-intro-to-web-dev-v3/lessons/css/grid ``` .grid { display: grid; grid-template-columns: 1fr 1fr; row-gap: 10px; column-gap: 10px; } .grid-picture { margin: 0; padding: 0; } ``` The row and column gap values are the...
https://btholt.github.io/complete-intro-to-web-dev-v3/lessons/css/layout-css Laying Out Tags "There are a few ways to accomplish layouts. We'll briefly discuss **two**: **floats** and **flex**. There is also grid, but it's still new which means a...
https://btholt.github.io/complete-intro-to-web-dev-v3/lessons/css/flex align-items "So now we've shown you the justify-content property, let's examine align-items. justify-content worries about horizontal justification and align-items worries about vertical alignment." When 'flex-direction' is set to its...
https://btholt.github.io/complete-intro-to-web-dev-v3/lessons/css/flex "display: flex; is a display mode for CSS. It's to note that when you stick **display: float**, it allows you to to change the layout inside the tag. It...
https://btholt.github.io/complete-intro-to-web-dev-v3/lessons/css/layout-css Floats "he idea behind float is you'll an element to push itself as far left or right as possible," you'll enable