Tailwind CSS from scratch: learn by building projects
Learn to build five mini projects and six website projects and become an expert by taking up the course. About This Video Learn the Tailwind utility classes using a code sandbox Learn how to set up a dev environment using the Tailwind CLI Learn to build five mini-projects and six website projects In...
Gespeichert in:
| Körperschaft: | |
|---|---|
| Format: | Elektronisch Video |
| Sprache: | Englisch |
| Veröffentlicht: |
[Place of publication not identified]
Packt Publishing
[2022]
|
| Ausgabe: | [First edition]. |
| Schlagwörter: | |
| Links: | https://learning.oreilly.com/library/view/-/9781804611630/?ar |
| Zusammenfassung: | Learn to build five mini projects and six website projects and become an expert by taking up the course. About This Video Learn the Tailwind utility classes using a code sandbox Learn how to set up a dev environment using the Tailwind CLI Learn to build five mini-projects and six website projects In Detail We will start with coding Sandbox and explore pages/videos for colors, typography, spacing, flex classes, and much more. This allows us to touch on all parts of Tailwind in a specific order, rather than just jumping right into projects. We will take what we learn in the Sandbox environment and use it to create some small projects. Next, we will start to work on larger landing-page websites. There will be six different websites. They are all very modern and clean looking. We partnered with Frontend Mentor for the designs. Some projects will have a bit of JavaScript for things such as hamburger menus, tabs, and some validation. Let us look at the projects: -Clipboard Website: Simple software product landing page focusing on Flexbox and alignment. -Loopstudios: VR company website with cool images, responsive mobile menu with some JavaScript, gradient overlay effects. -Shortly: Responsive menu and a little JavaScript for some form validation and working with the DOM. -Testimonial Grid: A project where we focus on using Tailwind's grid classes. -Fylo: Product page with a light/dark mode feature. We will add some JavaScript to save the color mode to local storage. We will also have a dynamic tab component for the FAQ. Bookmark: Bookmark manager extension landing page. This website will have some dynamic background images, a hamburger menu, and some tabs that will use JavaScript. By the end of this course, you will efficiently use Tailwind CSS utility classes. Audience This course has been designed for anyone that wants to get better at creating websites and UI layouts. A basic understanding of CSS grids, layouts, and JavaScript will be an advantage. |
| Beschreibung: | Online resource; title from title details screen (O'Reilly, viewed July 12, 2022) |
| Umfang: | 1 Online-Ressource (1 video file (12 hr., 35 min.)) sound, color. |
| ISBN: | 9781804611630 1804611638 |
Internformat
MARC
| LEADER | 00000cgm a22000002c 4500 | ||
|---|---|---|---|
| 001 | ZDB-30-ORH-081561431 | ||
| 003 | DE-627-1 | ||
| 005 | 20240228121732.0 | ||
| 006 | m o | | | ||
| 007 | cr uuu---uuuuu | ||
| 008 | 220815s2022 xx ||| |o o ||eng c | ||
| 020 | |a 9781804611630 |c electronic video |9 978-1-80461-163-0 | ||
| 020 | |a 1804611638 |c electronic video |9 1-80461-163-8 | ||
| 035 | |a (DE-627-1)081561431 | ||
| 035 | |a (DE-599)KEP081561431 | ||
| 035 | |a (ORHE)9781804611630 | ||
| 035 | |a (DE-627-1)081561431 | ||
| 040 | |a DE-627 |b ger |c DE-627 |e rda | ||
| 041 | |a eng | ||
| 082 | 0 | |a 006.7/4 |2 23/eng/20220712 | |
| 245 | 0 | 0 | |a Tailwind CSS from scratch |b learn by building projects |
| 250 | |a [First edition]. | ||
| 264 | 1 | |a [Place of publication not identified] |b Packt Publishing |c [2022] | |
| 300 | |a 1 Online-Ressource (1 video file (12 hr., 35 min.)) |b sound, color. | ||
| 336 | |a zweidimensionales bewegtes Bild |b tdi |2 rdacontent | ||
| 337 | |a Computermedien |b c |2 rdamedia | ||
| 338 | |a Online-Ressource |b cr |2 rdacarrier | ||
| 500 | |a Online resource; title from title details screen (O'Reilly, viewed July 12, 2022) | ||
| 520 | |a Learn to build five mini projects and six website projects and become an expert by taking up the course. About This Video Learn the Tailwind utility classes using a code sandbox Learn how to set up a dev environment using the Tailwind CLI Learn to build five mini-projects and six website projects In Detail We will start with coding Sandbox and explore pages/videos for colors, typography, spacing, flex classes, and much more. This allows us to touch on all parts of Tailwind in a specific order, rather than just jumping right into projects. We will take what we learn in the Sandbox environment and use it to create some small projects. Next, we will start to work on larger landing-page websites. There will be six different websites. They are all very modern and clean looking. We partnered with Frontend Mentor for the designs. Some projects will have a bit of JavaScript for things such as hamburger menus, tabs, and some validation. Let us look at the projects: -Clipboard Website: Simple software product landing page focusing on Flexbox and alignment. -Loopstudios: VR company website with cool images, responsive mobile menu with some JavaScript, gradient overlay effects. -Shortly: Responsive menu and a little JavaScript for some form validation and working with the DOM. -Testimonial Grid: A project where we focus on using Tailwind's grid classes. -Fylo: Product page with a light/dark mode feature. We will add some JavaScript to save the color mode to local storage. We will also have a dynamic tab component for the FAQ. Bookmark: Bookmark manager extension landing page. This website will have some dynamic background images, a hamburger menu, and some tabs that will use JavaScript. By the end of this course, you will efficiently use Tailwind CSS utility classes. Audience This course has been designed for anyone that wants to get better at creating websites and UI layouts. A basic understanding of CSS grids, layouts, and JavaScript will be an advantage. | ||
| 650 | 0 | |a Cascading style sheets | |
| 650 | 0 | |a Web site development | |
| 650 | 4 | |a Feuilles de style en cascade | |
| 650 | 4 | |a Sites Web ; Développement | |
| 650 | 4 | |a Cascading style sheets | |
| 650 | 4 | |a Web site development | |
| 650 | 4 | |a Instructional films | |
| 650 | 4 | |a Internet videos | |
| 650 | 4 | |a Nonfiction films | |
| 650 | 4 | |a Instructional films | |
| 650 | 4 | |a Nonfiction films | |
| 650 | 4 | |a Internet videos | |
| 650 | 4 | |a Films de formation | |
| 650 | 4 | |a Films autres que de fiction | |
| 650 | 4 | |a Vidéos sur Internet | |
| 700 | 1 | |a Traversy, Brad |e PräsentatorIn |4 pre | |
| 710 | 2 | |a Packt Publishing, |e MitwirkendeR |4 ctb | |
| 966 | 4 | 0 | |l DE-91 |p ZDB-30-ORH |q TUM_PDA_ORH |u https://learning.oreilly.com/library/view/-/9781804611630/?ar |m X:ORHE |x Aggregator |z lizenzpflichtig |3 Volltext |
| 912 | |a ZDB-30-ORH | ||
| 935 | |c vide | ||
| 951 | |a BO | ||
| 912 | |a ZDB-30-ORH | ||
| 049 | |a DE-91 | ||
Datensatz im Suchindex
| DE-BY-TUM_katkey | ZDB-30-ORH-081561431 |
|---|---|
| _version_ | 1831287157437759488 |
| adam_text | |
| any_adam_object | |
| author_corporate | Packt Publishing |
| author_corporate_role | ctb |
| author_facet | Packt Publishing |
| building | Verbundindex |
| bvnumber | localTUM |
| collection | ZDB-30-ORH |
| ctrlnum | (DE-627-1)081561431 (DE-599)KEP081561431 (ORHE)9781804611630 |
| dewey-full | 006.7/4 |
| dewey-hundreds | 000 - Computer science, information, general works |
| dewey-ones | 006 - Special computer methods |
| dewey-raw | 006.7/4 |
| dewey-search | 006.7/4 |
| dewey-sort | 16.7 14 |
| dewey-tens | 000 - Computer science, information, general works |
| discipline | Informatik |
| edition | [First edition]. |
| format | Electronic Video |
| fullrecord | <?xml version="1.0" encoding="UTF-8"?><collection xmlns="http://www.loc.gov/MARC21/slim"><record><leader>03949cgm a22005652c 4500</leader><controlfield tag="001">ZDB-30-ORH-081561431</controlfield><controlfield tag="003">DE-627-1</controlfield><controlfield tag="005">20240228121732.0</controlfield><controlfield tag="006">m o | | </controlfield><controlfield tag="007">cr uuu---uuuuu</controlfield><controlfield tag="008">220815s2022 xx ||| |o o ||eng c</controlfield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">9781804611630</subfield><subfield code="c">electronic video</subfield><subfield code="9">978-1-80461-163-0</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">1804611638</subfield><subfield code="c">electronic video</subfield><subfield code="9">1-80461-163-8</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(DE-627-1)081561431</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(DE-599)KEP081561431</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(ORHE)9781804611630</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(DE-627-1)081561431</subfield></datafield><datafield tag="040" ind1=" " ind2=" "><subfield code="a">DE-627</subfield><subfield code="b">ger</subfield><subfield code="c">DE-627</subfield><subfield code="e">rda</subfield></datafield><datafield tag="041" ind1=" " ind2=" "><subfield code="a">eng</subfield></datafield><datafield tag="082" ind1="0" ind2=" "><subfield code="a">006.7/4</subfield><subfield code="2">23/eng/20220712</subfield></datafield><datafield tag="245" ind1="0" ind2="0"><subfield code="a">Tailwind CSS from scratch</subfield><subfield code="b">learn by building projects</subfield></datafield><datafield tag="250" ind1=" " ind2=" "><subfield code="a">[First edition].</subfield></datafield><datafield tag="264" ind1=" " ind2="1"><subfield code="a">[Place of publication not identified]</subfield><subfield code="b">Packt Publishing</subfield><subfield code="c">[2022]</subfield></datafield><datafield tag="300" ind1=" " ind2=" "><subfield code="a">1 Online-Ressource (1 video file (12 hr., 35 min.))</subfield><subfield code="b">sound, color.</subfield></datafield><datafield tag="336" ind1=" " ind2=" "><subfield code="a">zweidimensionales bewegtes Bild</subfield><subfield code="b">tdi</subfield><subfield code="2">rdacontent</subfield></datafield><datafield tag="337" ind1=" " ind2=" "><subfield code="a">Computermedien</subfield><subfield code="b">c</subfield><subfield code="2">rdamedia</subfield></datafield><datafield tag="338" ind1=" " ind2=" "><subfield code="a">Online-Ressource</subfield><subfield code="b">cr</subfield><subfield code="2">rdacarrier</subfield></datafield><datafield tag="500" ind1=" " ind2=" "><subfield code="a">Online resource; title from title details screen (O'Reilly, viewed July 12, 2022)</subfield></datafield><datafield tag="520" ind1=" " ind2=" "><subfield code="a">Learn to build five mini projects and six website projects and become an expert by taking up the course. About This Video Learn the Tailwind utility classes using a code sandbox Learn how to set up a dev environment using the Tailwind CLI Learn to build five mini-projects and six website projects In Detail We will start with coding Sandbox and explore pages/videos for colors, typography, spacing, flex classes, and much more. This allows us to touch on all parts of Tailwind in a specific order, rather than just jumping right into projects. We will take what we learn in the Sandbox environment and use it to create some small projects. Next, we will start to work on larger landing-page websites. There will be six different websites. They are all very modern and clean looking. We partnered with Frontend Mentor for the designs. Some projects will have a bit of JavaScript for things such as hamburger menus, tabs, and some validation. Let us look at the projects: -Clipboard Website: Simple software product landing page focusing on Flexbox and alignment. -Loopstudios: VR company website with cool images, responsive mobile menu with some JavaScript, gradient overlay effects. -Shortly: Responsive menu and a little JavaScript for some form validation and working with the DOM. -Testimonial Grid: A project where we focus on using Tailwind's grid classes. -Fylo: Product page with a light/dark mode feature. We will add some JavaScript to save the color mode to local storage. We will also have a dynamic tab component for the FAQ. Bookmark: Bookmark manager extension landing page. This website will have some dynamic background images, a hamburger menu, and some tabs that will use JavaScript. By the end of this course, you will efficiently use Tailwind CSS utility classes. Audience This course has been designed for anyone that wants to get better at creating websites and UI layouts. A basic understanding of CSS grids, layouts, and JavaScript will be an advantage.</subfield></datafield><datafield tag="650" ind1=" " ind2="0"><subfield code="a">Cascading style sheets</subfield></datafield><datafield tag="650" ind1=" " ind2="0"><subfield code="a">Web site development</subfield></datafield><datafield tag="650" ind1=" " ind2="4"><subfield code="a">Feuilles de style en cascade</subfield></datafield><datafield tag="650" ind1=" " ind2="4"><subfield code="a">Sites Web ; Développement</subfield></datafield><datafield tag="650" ind1=" " ind2="4"><subfield code="a">Cascading style sheets</subfield></datafield><datafield tag="650" ind1=" " ind2="4"><subfield code="a">Web site development</subfield></datafield><datafield tag="650" ind1=" " ind2="4"><subfield code="a">Instructional films</subfield></datafield><datafield tag="650" ind1=" " ind2="4"><subfield code="a">Internet videos</subfield></datafield><datafield tag="650" ind1=" " ind2="4"><subfield code="a">Nonfiction films</subfield></datafield><datafield tag="650" ind1=" " ind2="4"><subfield code="a">Instructional films</subfield></datafield><datafield tag="650" ind1=" " ind2="4"><subfield code="a">Nonfiction films</subfield></datafield><datafield tag="650" ind1=" " ind2="4"><subfield code="a">Internet videos</subfield></datafield><datafield tag="650" ind1=" " ind2="4"><subfield code="a">Films de formation</subfield></datafield><datafield tag="650" ind1=" " ind2="4"><subfield code="a">Films autres que de fiction</subfield></datafield><datafield tag="650" ind1=" " ind2="4"><subfield code="a">Vidéos sur Internet</subfield></datafield><datafield tag="700" ind1="1" ind2=" "><subfield code="a">Traversy, Brad</subfield><subfield code="e">PräsentatorIn</subfield><subfield code="4">pre</subfield></datafield><datafield tag="710" ind1="2" ind2=" "><subfield code="a">Packt Publishing,</subfield><subfield code="e">MitwirkendeR</subfield><subfield code="4">ctb</subfield></datafield><datafield tag="966" ind1="4" ind2="0"><subfield code="l">DE-91</subfield><subfield code="p">ZDB-30-ORH</subfield><subfield code="q">TUM_PDA_ORH</subfield><subfield code="u">https://learning.oreilly.com/library/view/-/9781804611630/?ar</subfield><subfield code="m">X:ORHE</subfield><subfield code="x">Aggregator</subfield><subfield code="z">lizenzpflichtig</subfield><subfield code="3">Volltext</subfield></datafield><datafield tag="912" ind1=" " ind2=" "><subfield code="a">ZDB-30-ORH</subfield></datafield><datafield tag="935" ind1=" " ind2=" "><subfield code="c">vide</subfield></datafield><datafield tag="951" ind1=" " ind2=" "><subfield code="a">BO</subfield></datafield><datafield tag="912" ind1=" " ind2=" "><subfield code="a">ZDB-30-ORH</subfield></datafield><datafield tag="049" ind1=" " ind2=" "><subfield code="a">DE-91</subfield></datafield></record></collection> |
| id | ZDB-30-ORH-081561431 |
| illustrated | Not Illustrated |
| indexdate | 2025-05-05T13:25:27Z |
| institution | BVB |
| isbn | 9781804611630 1804611638 |
| language | English |
| open_access_boolean | |
| owner | DE-91 DE-BY-TUM |
| owner_facet | DE-91 DE-BY-TUM |
| physical | 1 Online-Ressource (1 video file (12 hr., 35 min.)) sound, color. |
| psigel | ZDB-30-ORH TUM_PDA_ORH ZDB-30-ORH |
| publishDate | 2022 |
| publishDateSearch | 2022 |
| publishDateSort | 2022 |
| publisher | Packt Publishing |
| record_format | marc |
| spelling | Tailwind CSS from scratch learn by building projects [First edition]. [Place of publication not identified] Packt Publishing [2022] 1 Online-Ressource (1 video file (12 hr., 35 min.)) sound, color. zweidimensionales bewegtes Bild tdi rdacontent Computermedien c rdamedia Online-Ressource cr rdacarrier Online resource; title from title details screen (O'Reilly, viewed July 12, 2022) Learn to build five mini projects and six website projects and become an expert by taking up the course. About This Video Learn the Tailwind utility classes using a code sandbox Learn how to set up a dev environment using the Tailwind CLI Learn to build five mini-projects and six website projects In Detail We will start with coding Sandbox and explore pages/videos for colors, typography, spacing, flex classes, and much more. This allows us to touch on all parts of Tailwind in a specific order, rather than just jumping right into projects. We will take what we learn in the Sandbox environment and use it to create some small projects. Next, we will start to work on larger landing-page websites. There will be six different websites. They are all very modern and clean looking. We partnered with Frontend Mentor for the designs. Some projects will have a bit of JavaScript for things such as hamburger menus, tabs, and some validation. Let us look at the projects: -Clipboard Website: Simple software product landing page focusing on Flexbox and alignment. -Loopstudios: VR company website with cool images, responsive mobile menu with some JavaScript, gradient overlay effects. -Shortly: Responsive menu and a little JavaScript for some form validation and working with the DOM. -Testimonial Grid: A project where we focus on using Tailwind's grid classes. -Fylo: Product page with a light/dark mode feature. We will add some JavaScript to save the color mode to local storage. We will also have a dynamic tab component for the FAQ. Bookmark: Bookmark manager extension landing page. This website will have some dynamic background images, a hamburger menu, and some tabs that will use JavaScript. By the end of this course, you will efficiently use Tailwind CSS utility classes. Audience This course has been designed for anyone that wants to get better at creating websites and UI layouts. A basic understanding of CSS grids, layouts, and JavaScript will be an advantage. Cascading style sheets Web site development Feuilles de style en cascade Sites Web ; Développement Instructional films Internet videos Nonfiction films Films de formation Films autres que de fiction Vidéos sur Internet Traversy, Brad PräsentatorIn pre Packt Publishing, MitwirkendeR ctb |
| spellingShingle | Tailwind CSS from scratch learn by building projects Cascading style sheets Web site development Feuilles de style en cascade Sites Web ; Développement Instructional films Internet videos Nonfiction films Films de formation Films autres que de fiction Vidéos sur Internet |
| title | Tailwind CSS from scratch learn by building projects |
| title_auth | Tailwind CSS from scratch learn by building projects |
| title_exact_search | Tailwind CSS from scratch learn by building projects |
| title_full | Tailwind CSS from scratch learn by building projects |
| title_fullStr | Tailwind CSS from scratch learn by building projects |
| title_full_unstemmed | Tailwind CSS from scratch learn by building projects |
| title_short | Tailwind CSS from scratch |
| title_sort | tailwind css from scratch learn by building projects |
| title_sub | learn by building projects |
| topic | Cascading style sheets Web site development Feuilles de style en cascade Sites Web ; Développement Instructional films Internet videos Nonfiction films Films de formation Films autres que de fiction Vidéos sur Internet |
| topic_facet | Cascading style sheets Web site development Feuilles de style en cascade Sites Web ; Développement Instructional films Internet videos Nonfiction films Films de formation Films autres que de fiction Vidéos sur Internet |
| work_keys_str_mv | AT traversybrad tailwindcssfromscratchlearnbybuildingprojects AT packtpublishing tailwindcssfromscratchlearnbybuildingprojects |