Let's learn HTML and CSS in a visual way with this full course. We will create a portfolio website which you can use as your own and we will go through almost all the modern html and css functionality.
Here's the code on github - https://github.com/desech/tutorial-html-css
00:00:00 - Introduction
00:00:40 - Prerequisites
00:02:52 - Start
00:03:22 - Main HTML elements
00:05:09 - Block elements
00:07:24 - Popup reminder
00:08:02 - CSS code
00:10:02 - Text elements
00:12:05 - Block and text wrap-up
00:14:29 - CSS positioning columns
00:17:01 - CSS positioning rows
00:19:32 - Website structure
00:21:14 - Website header
00:26:01 - Attributes and copy/paste
00:28:04 - Margin and padding
00:32:49 - Header CSS
00:34:02 - Grid alignment
00:40:57 - Grid auto cells
00:42:44 - Grid cell span
00:46:31 - Grid areas
00:49:50 - Grid overview
00:51:10 - Grid cell unit measures
00:55:58 - Website header
00:57:19 - Fonts
01:00:30 - Font size and em/rem
01:03:46 - Text properties
01:08:46 - Backgrounds
01:21:30 - Border
01:27:33 - Back to website
01:28:08 - CSS inheritance
01:32:04 - Effects
01:45:25 - CSS selectors
01:51:02 - Website first main section
01:55:02 - Images
01:58:31 - File Manager
02:03:35 - Back to images
02:04:17 - Website first section
02:07:20 - CSS class components
02:10:36 - Animations
02:16:19 - Custom animations and custom code
02:20:26 - Transitions
02:23:35 - Website second section
02:28:44 - Website third section
02:33:59 - Min/max width/height
02:38:51 - Styling the third section
02:45:28 - Website fourth section
02:47:19 - Specificity
02:51:15 - Back to content section
02:56:41 - Website fifth section
02:59:01 - Website sixth section
03:06:49 - Elements panel
03:07:31 - Footer
03:12:47 - Links and scroll
03:14:12 - Responsive
03:26:40 - Responsive header
03:31:08 - Responsive first section
03:34:14 - Responsive second section
03:35:44 - Responsive third section
03:37:31 - Responsive fourth section
03:39:04 - Responsive fifth section
03:40:17 - Responsive sixth section
03:41:58 - Finish responsive
03:45:55 - New project, components
03:55:41 - Video
04:01:43 - Audio
04:03:04 - Iframe, object, viewport
04:05:03 - Forms
04:12:08 - Input field
04:17:47 - Select dropdown field
04:23:15 - Textarea
04:23:53 - Checkbox, radio
04:31:45 - Other form fields
04:36:51 - List elements
04:46:18 - List counters
04:51:14 - Definition list
04:52:27 - Text elements
04:55:35 - Table
05:00:22 - Inline text
05:05:41 - Pseudo classes
05:14:05 - Pseudo elements
05:16:00 - Finish selectors
05:22:56 - Flex
05:27:10 - Columns
05:30:56 - Position relative, absolute
05:37:11 - Outline
05:38:12 - Text advanced css
05:40:49 - SVG advanced css
05:44:32 - Finish
Дата на публикация: 19 юли, 2021
Категория:
Друго
Харесайте ни във Facebook