Don't like banners? Log in and we will make sure you see no banners. For free.
[FreeCoursesOnline.Me] [Packtpub.Com] CSS - The Complete Guide (incl. Flexbox, Grid and Sass) - FCO]

[FreeCoursesOnline.Me] [Packtpub.Com] CSS - The Complete Guide (incl. Flexbox, Grid and Sass) - FCO]

Other
Size
4.6 GB
Seeders
0
Leechers
2
Files
99
Category
Other
Added
at 10:03pm GMT+1
Infohash
cead3c58e7c55976fbb5d3c444668c40812ebcf8
Direct linkTorrent fileDownload now
Don't like banners? Log in and we will make sure you see no banners. For free.

Description




By Manuel Lorenz, Maximilian Schwarzmüller

Released Tuesday, November 6, 2018 New Release!

Course Source: https://www.packtpub.com/web-development/css-complete-guide-incl-flexbox-grid-and-sass-video



Learn CSS for the first time or brush up your CSS skills and dive in even deeper



Video Details



ISBN 9781789954692

Course Length 20 hours 42 minutes



Table of Contents



• GETTING STARTED

• DIVING INTO THE BASICS OF CSS

• DIVING DEEPER INTO CSS

• MORE ON SELECTORS & CSS FEATURES

• PRACTICING THE BASICS

• POSITIONING ELEMENTS WITH CSS

• UNDERSTANDING BACKGROUND IMAGES & IMAGES

• SIZES & UNITS

• WORKING WITH JAVASCRIPT & CSS

• MAKING OUR WEBSITE RESPONSIVE

• ADDING & STYLING FORMS

• WORKING WITH TEXT AND FONTS

• ADDING FLEXBOX TO OUR PROJECT

• USING THE CSS GRID

• TRANSFORMING ELEMENTS WITH CSS TRANSFORMS

• TRANSITIONS & ANIMATIONS IN CSS

• WRITING FUTURE-PROOF CSS CODE

• INTRODUCING SASS (SYNTACTICALLY AWESOME STYLE SHEETS)

• COURSE ROUNDUP



Video Description



Every web developer has to know CSS. CSS, short for Cascading Style Sheets, is a "programming language" you use to turn your raw HTML pages into a really beautiful website. This course covers it all. We start at the very basics and gradually dive in deeper and deeper. We do this by showing you both practical examples and the theory behind them.



Getting started with CSS might look easy, but there actually is a lot of depth to CSS, so this course provides different "Tracks" or "Entry points" to exactly meet your demands and reflect your current knowledge level:



The Basics Track: Start from scratch and learn CSS from the ground up. You start with lecture 1 and simply follow through to the end.

The Advanced Track: You already know the CSS basics, you know what selectors are and how it works, but you want to dive in deeper and learn some advanced features and usages.

The Expert Track: You got the advanced knowledge, too, but you want to dive into things like Flexbox, CSS Grid, CSS Variables, or Sass. This track is for you.



In the course project, we'll build the front end (no back end) of a fictional web hosting company. We'll have a starting screen with different sections, a responsive design with an animated side-drawer, modals and forms, and lot of CSS animations, font styles, and more!



Style and Approach



This course offers the theory and practical examples - we'll build an entire real course project throughout the course - but there also are multiple assignments, quizzes, and challenges for you to practice individual concepts taught throughout the course.



What You Will Learn



• Know the basics of selectors and combinators, and how you set up styling rules in general

• Properties, values, and declarations

• How specify and inheritance work and why it's called "Cascading Style Sheets"

• Important theoretical concepts such as the "Box Model"

• How the default position of elements can be changed

• Styling backgrounds (such as gradients) and images

• Which units and dimensions you typically use in CSS (px, rem, %, and more)

• How JavaScript and CSS interact

• Responsive design and what "Mobile First" means

• Styling forms and form inputs

• Work with text, fonts, and text styles

• Flexbox! How it works and how to use it

• Use the CSS Grid and see how it differs from Flexbox

• Transform and animate HTML elements with the help of CSS

• Write future-proof CSS with features such as CSS variables or best-practice class names

• Use Sass and know what it’s all about



Authors



Manuel Lorenz



Manuel Lorenz - Professional Business Analyst and Instructor



The rapid development of technology and business requirements forces everyone to constantly adapt and to continue learning. Being an early adopter of new and quickly evolving tools, he always enjoyed both learning these tools and passing on his knowledge to his colleagues and fellow students.



Maximilian Schwarzmüller



Academind GmbH - Online Education



Bundling the courses and knowhow of successful instructors, Academind strives to deliver high-quality online education. Online Education, Real-Life Success—that's what Academind stands for. Learn topics like web development, data analysis, and more in a fun and engaging way.



For More Udemy Free Courses >>> http://www.freetutorials.eu

For more Lynda and other Courses >>> https://www.freecoursesonline.me/

Our Forum for discussion >>> https://discuss.freetutorials.eu/








File list
  • [FreeCoursesOnline.Me] [Packtpub.Com] CSS - The Complete Guide (incl. Flexbox, Grid and Sass) - FCO]
  • 10.Making our Website Responsive/127.Module Introduction.mp4 2.9 MB
  • 10.Making our Website Responsive/128.Why our Project Should Become Responsive.mp4 9.1 MB
  • 10.Making our Website Responsive/129.Understanding Hardware Pixels vs. Software Pixels.mp4 38.8 MB
  • 10.Making our Website Responsive/130.Comparing the Viewport Metatag (HTML) and Media Queries (CSS).mp4 5.7 MB
  • 10.Making our Website Responsive/131.Understanding the "viewport" Metatag.mp4 27.1 MB
  • 10.Making our Website Responsive/132.Designing Websites "Mobile First".mp4 6.1 MB
  • 10.Making our Website Responsive/133.Adding our First Media Queries.mp4 47.4 MB
  • 10.Making our Website Responsive/134.Things to Keep in Mind when Working with Media Queries.mp4 30.2 MB
  • 10.Making our Website Responsive/135.Finding the Right Breaking Points.mp4 13.9 MB
  • 10.Making our Website Responsive/136.Creating the Mobile First Design for our Plans.mp4 24.5 MB
  • 10.Making our Website Responsive/137.Making the Plans Responsive.mp4 31.5 MB
  • 10.Making our Website Responsive/138.Your Challenge.mp4 22.6 MB
  • 10.Making our Website Responsive/139.Working with Logical Operators.mp4 30.4 MB
  • 10.Making our Website Responsive/140.Improving the Customers Page.mp4 55 MB
  • 10.Making our Website Responsive/141.Improving the Packages Page.mp4 20.6 MB
  • 10.Making our Website Responsive/142.Cleaning Up the Navigation Bar.mp4 17 MB
  • 10.Making our Website Responsive/143.Positioning our Footer Correctly.mp4 37.1 MB
  • 10.Making our Website Responsive/144.Wrap Up.mp4 5.5 MB
  • 11.Adding & Styling Forms/145.Module Introduction.mp4 2.4 MB
  • 11.Adding & Styling Forms/146.Adding the Unstyled Form.mp4 9.6 MB
  • 11.Adding & Styling Forms/147.Page Initialization.mp4 24.6 MB
  • 11.Adding & Styling Forms/148.Understanding Advanced Attribute Selectors.mp4 15.6 MB
  • 11.Adding & Styling Forms/149.Working on the General Layout.mp4 26.5 MB
  • 11.Adding & Styling Forms/150.Restyling the Form Elements.mp4 23.8 MB
  • 11.Adding & Styling Forms/151.Styling the Checkbox.mp4 25.4 MB
  • 11.Adding & Styling Forms/152.Providing Validation Feedback.mp4 32.5 MB
  • 11.Adding & Styling Forms/153.Styling the Signup Button.mp4 13.9 MB
  • 11.Adding & Styling Forms/154.Wrap Up.mp4 3.1 MB
  • 12.Working with Text and Fonts/155.Module Introduction.mp4 2.4 MB
  • 12.Working with Text and Fonts/156.Comparing Generic Families & Font Families.mp4 4.8 MB
  • 12.Working with Text and Fonts/157.Understanding the Browser Settings.mp4 16.2 MB
  • 12.Working with Text and Fonts/158.Using the Default Font Families.mp4 25.4 MB
  • 12.Working with Text and Fonts/159.Understanding the "font-family" Syntax.mp4 23.3 MB
  • 12.Working with Text and Fonts/160.Working with Locally Saved Fonts.mp4 16.1 MB
  • 12.Working with Text and Fonts/161.Working with Google Fonts.mp4 38.7 MB
  • 12.Working with Text and Fonts/162.Understanding Font Faces & "font-style".mp4 25.1 MB
  • 12.Working with Text and Fonts/163.Importing our Custom Fonts.mp4 33.2 MB
  • 12.Working with Text and Fonts/164.Understanding Font Formats.mp4 23.5 MB
  • 12.Working with Text and Fonts/165.Diving into Font Properties.mp4 12 MB
  • 12.Working with Text and Fonts/166.Adding "letter-spacing".mp4 17.3 MB
  • 12.Working with Text and Fonts/167.Changing the Line Height.mp4 22.6 MB
  • 12.Working with Text and Fonts/168.Applying "text-decoration" & "text-shadow".mp4 21.5 MB
  • 12.Working with Text and Fonts/169.Understanding the "font" Shorthand.mp4 31.9 MB
  • 12.Working with Text and Fonts/170.Loading Performance & "font-display".mp4 35.5 MB
  • 12.Working with Text and Fonts/171.Wrap Up.mp4 11.8 MB
  • 13.Adding Flexbox to our Project/172.Optional - Expert Track Introduction.mp4 12.6 MB
  • 13.Adding Flexbox to our Project/173.Module Introduction.mp4 2.5 MB
  • 13.Adding Flexbox to our Project/174.How we Could Improve our Project.mp4 11.2 MB
  • 13.Adding Flexbox to our Project/175.Understanding Flexbox.mp4 5.6 MB
  • 13.Adding Flexbox to our Project/176.Creating a Flex Container.mp4 20.9 MB
  • 13.Adding Flexbox to our Project/177.Using "flex-direction" & "flex-wrap".mp4 20.7 MB
  • 13.Adding Flexbox to our Project/178.Understanding the Importance of Main Axis & Cross Axis.mp4 27.1 MB
  • 13.Adding Flexbox to our Project/179.Working with "align-items" & "justify-content".mp4 40.6 MB
  • 13.Adding Flexbox to our Project/180.And What About "align-content".mp4 10.1 MB
  • 13.Adding Flexbox to our Project/181.Improving the Navigation Bar with Flexbox.mp4 44.4 MB
  • 13.Adding Flexbox to our Project/182.Your Challenge - Working on the Mobile Navigation Bar.mp4 15.7 MB
  • 13.Adding Flexbox to our Project/183.Improving the Footer.mp4 20.5 MB
  • 13.Adding Flexbox to our Project/184.Adding Flexbox to the Customers Page.mp4 12.1 MB
  • 13.Adding Flexbox to our Project/185.Using the "order" Property for a Flex Item.mp4 22.5 MB
  • 13.Adding Flexbox to our Project/186.Working with "align-self".mp4 10.3 MB
  • 13.Adding Flexbox to our Project/187.Understanding "flex-grow".mp4 28.1 MB
  • 13.Adding Flexbox to our Project/188.Applying "flex-shrink".mp4 12.2 MB
  • 13.Adding Flexbox to our Project/189.Comparing "flex-basis" vs "width" & "height".mp4 31.9 MB
  • 13.Adding Flexbox to our Project/190.Wrap Up.mp4 12.7 MB
  • 14.Using the CSS Grid/191.Module Introduction.mp4 2 MB
  • 14.Using the CSS Grid/192.What is the CSS Grid.mp4 4.2 MB
  • 14.Using the CSS Grid/193.Getting Started.mp4 9.1 MB
  • 14.Using the CSS Grid/194.Turning a Container into a Grid.mp4 13.3 MB
  • 14.Using the CSS Grid/195.Defining Columns & Rows.mp4 23.1 MB
  • 14.Using the CSS Grid/196.Positioning Child Elements in a Grid.mp4 15.9 MB
  • 14.Using the CSS Grid/197.Using "element-sizing", "repeat" & "minmax".mp4 24.9 MB
  • 14.Using the CSS Grid/198.Advanced Element Positioning.mp4 23.9 MB
  • 14.Using the CSS Grid/199.Working with Named Lines.mp4 14.4 MB
  • 14.Using the CSS Grid/200.Understanding Column & Row Shorthands.mp4 11.7 MB
  • 14.Using the CSS Grid/201.Working with Gaps.mp4 9.5 MB
  • 14.Using the CSS Grid/202.Adding Named Template Areas.mp4 24.3 MB
  • 14.Using the CSS Grid/203.Creating Automatically Generated Grid Areas.mp4 26 MB
  • 14.Using the CSS Grid/204.Using the Grid on our Project.mp4 33.5 MB
  • 14.Using the CSS Grid/205.Working with "fit-content".mp4 13.2 MB
  • 14.Using the CSS Grid/206.Positioning Grid Elements.mp4 13.4 MB
  • 14.Using the CSS Grid/207.Positioning the Entire Grid Content.mp4 12.2 MB
  • 14.Using the CSS Grid/208.Positioning Elements Individually.mp4 5.9 MB
  • 14.Using the CSS Grid/209.Understanding Responsive Grids.mp4 20 MB
  • 14.Using the CSS Grid/210.Applying Autoflow.mp4 24.3 MB
  • 14.Using the CSS Grid/211.Comparing the Explicit & Implicit Grid.mp4 9.5 MB
  • 14.Using the CSS Grid/212.Understanding "auto-fill" & "auto-fit".mp4 13 MB
  • 14.Using the CSS Grid/213.Creating a Dense Grid.mp4 12.3 MB
  • 14.Using the CSS Grid/214.Styling the Project Form with Grid.mp4 35.3 MB
  • 14.Using the CSS Grid/215.Comparing Grid & Flexbox.mp4 8.7 MB
  • 14.Using the CSS Grid/216.Next Steps.mp4 5.7 MB
  • 14.Using the CSS Grid/217.Wrap Up.mp4 12.3 MB
  • 15.Transforming Elements with CSS Transforms/218.Module Introduction.mp4 1.1 MB
  • 15.Transforming Elements with CSS Transforms/219.Rotating Elements and setting transform-origin.mp4 13.8 MB
  • 15.Transforming Elements with CSS Transforms/220.Using Rotate and Translate.mp4 18.2 MB
  • 15.Transforming Elements with CSS Transforms/221.Working with "skew" and "scale".mp4 23 MB
  • 15.Transforming Elements with CSS Transforms/222.Applying Transformation Shorthands.mp4 8.8 MB
  • 15.Transforming Elements with CSS Transforms/223.Rotating Elements in 3 Dimensions.mp4 16.1 MB
  • 15.Transforming Elements with CSS Transforms/224.Understanding the "perspective" Property.mp4 13.7 MB
  • 15.Transforming Elements with CSS Transforms/225.Moving Elements along the Z-Axis with "translateZ".mp4 15.1 MB

Rating
Not rated yet
Log in to rate

Comments

No comments yet.


Similar torrents
NameSizeDate
3.2 GB10
3.2 GB01
3.3 GB01