🔸 Full description 🔸
Material Design—the design language developed by Google—took the web development world by storm a few years ago, and Materialize CSS makes it easy to apply that system consistently to your web projects. Once you've chosen Material Design, Materialize CSS is a friendly path to follow, and it allows for a consistent user experience across browsers and devices. In this course, Ayodele Leom covers the key facets you need to know to get up and running with Materialize CSS. He starts with the basics of installation, then covers features like color classes, the grid system, the navbar, buttons and badges, and how to use media with Materialize. If youre looking to get started with this powerful and time-saving tool to create websites and applications without handcrafting HTML or using a GUI, join Leom in this course.
Material Design—the design language developed by Google—took the web development world by storm a few years ago, and Materialize CSS makes it easy to apply that system consistently to your web projects. Once you've chosen Material Design, Materialize CSS is a friendly path to follow, and it allows for a consistent user experience across browsers and devices. In this course, Ayodele Leom covers the key facets you need to know to get up and running with Materialize CSS. He starts with the basics of installation, then covers features like color classes, the grid system, the navbar, buttons and badges, and how to use media with Materialize. If youre looking to get started with this powerful and time-saving tool to create websites and applications without handcrafting HTML or using a GUI, join Leom in this course.
🔸 Full description 🔸
Learn the fundamentals of Syntactically Awesome Stylesheets (Sass), a modern web development language that helps you write CSS better, faster, and with more advanced features. Ray Villalobos shows you the best way to install Sass and work with its main features: variables, nesting, partials, and mixins. Plus, learn how to use SassScript to create complex functions from Sass lists and control statements.
Learn the fundamentals of Syntactically Awesome Stylesheets (Sass), a modern web development language that helps you write CSS better, faster, and with more advanced features. Ray Villalobos shows you the best way to install Sass and work with its main features: variables, nesting, partials, and mixins. Plus, learn how to use SassScript to create complex functions from Sass lists and control statements.
🔸 Full description 🔸
Looking for a tool to make you a faster and more efficient programmer? Take a look at Emmet, a free add-on for a variety of text editors. It provides a shortcut language for writing HTML and CSS, based on an abbreviation structure most developers already use that expands into full-fledged HTML markup and CSS rules. In this course, instructor Emily Kay shows you how to uses the convenient shortcuts in Emmet for making copies of elements; comments, filters, and numbering; matching tags; and even complex CSS features like gradients. Emily also includes details on how to use Emmet with Visual Studio Code.
Looking for a tool to make you a faster and more efficient programmer? Take a look at Emmet, a free add-on for a variety of text editors. It provides a shortcut language for writing HTML and CSS, based on an abbreviation structure most developers already use that expands into full-fledged HTML markup and CSS rules. In this course, instructor Emily Kay shows you how to uses the convenient shortcuts in Emmet for making copies of elements; comments, filters, and numbering; matching tags; and even complex CSS features like gradients. Emily also includes details on how to use Emmet with Visual Studio Code.
🔸 Full description 🔸
JavaScript has full access to the markup of a web page (DOM) and the styles of a page (CSSOM). Using JavaScript to interact with and manipulate the DOM is common practice, but using JavaScript to interact with CSS is rarely explored past the shallow layers of manipulating classes and injecting inline styles. In this course, Morten Rand-Hendriksen takes a deep dive into the intersection of JavaScript and CSS to see what is possible. He explores basic manipulation of the CSSOM to change the live styles of a site, looks at the new opportunities afforded by custom properties, and explores concepts like style tokens. As Morten shows, using JavaScript to control CSS opens the door to more interactive designs and user experiences, and allows designers and developers to do things not possible with CSS alone.
This course is integrated with GitHub Codespaces, an instant cloud developer environment that offers all the functionality of your favorite IDE without the need for any local machine setup. With Codespaces, you can get hands-on practice from any machine, at any time—all while using a tool that youll likely encounter in the workplace. Check out the “Using GitHub Codespaces with this course” video to learn how to get started.
JavaScript has full access to the markup of a web page (DOM) and the styles of a page (CSSOM). Using JavaScript to interact with and manipulate the DOM is common practice, but using JavaScript to interact with CSS is rarely explored past the shallow layers of manipulating classes and injecting inline styles. In this course, Morten Rand-Hendriksen takes a deep dive into the intersection of JavaScript and CSS to see what is possible. He explores basic manipulation of the CSSOM to change the live styles of a site, looks at the new opportunities afforded by custom properties, and explores concepts like style tokens. As Morten shows, using JavaScript to control CSS opens the door to more interactive designs and user experiences, and allows designers and developers to do things not possible with CSS alone.
This course is integrated with GitHub Codespaces, an instant cloud developer environment that offers all the functionality of your favorite IDE without the need for any local machine setup. With Codespaces, you can get hands-on practice from any machine, at any time—all while using a tool that youll likely encounter in the workplace. Check out the “Using GitHub Codespaces with this course” video to learn how to get started.