Companies Home Search Profile

Become the CSS Hero of Your Office with CSS Architecture

Focused View

Zsolt Nagy

2:34:20

84 View
  • 01. Introduction.mp4
    04:35
  • 02. Goals of CSS Architecture.mp4
    11:28
  • lesson1.1.zip
  • lesson1.2.zip
  • 03. Selector Efficiency and Simplification.mp4
    13:59
  • 04. Naming Classes.mp4
    13:38
  • 05. Specifying Units.mp4
    08:56
  • lesson2.1.zip
  • lesson2.2.zip
  • lesson2.3.zip
  • 06. Single Responsibility Principle.mp4
    08:27
  • 07. Open Closed Principle.mp4
    06:36
  • 08. DRY CSS.mp4
    10:32
  • 09. Separation of Concerns.mp4
    09:57
  • 10. ITCSS.mp4
    04:57
  • 11. CSS Code Smells.mp4
    10:10
  • lesson3.1.zip
  • lesson3.2.zip
  • lesson3.3.zip
  • lesson3.4.zip
  • lesson3.5.zip
  • lesson3.6.zip
  • 12. The Role of the Normalizer.mp4
    07:47
  • 13. Establishing Hierarchical Styles.mp4
    11:24
  • lesson4.1.zip
  • lesson4.2.zip
  • 14. Setting Up the Application.mp4
    09:21
  • 15. Settings, Tools, Generic, Elements.mp4
    07:53
  • 16. Implementing Objects and Components.mp4
    07:21
  • 17. Putting the Component Library into Practice.mp4
    03:38
  • lesson5.1.zip
  • lesson5.2.zip
  • lesson5.3.zip
  • lesson5.4.zip
  • 18. Next Steps.mp4
    03:41
  • lesson6.1.zip
  • More details


    Only very few people are capable of engineering structured, maintainable, and scalable CSS.

    Writing CSS is easy, especially with the introduction of tools, preprocessors, and frameworks, helping you along the way. Though all of these may help you create CSS, they’re not made to consider the structure, scalability, and future maintenance needs. All considerations that your future self and developer will be thankful for.

    Most courses labeled with CSS architecture are backed by a certain technology, framework, or mindset. In this course, we’re not going to show you that, instead, we’re helping you build structured, maintainable, and scalable CSS through software engineering principles and best practices.

    We’ll show you how to design, create, and contribute to CSS stylesheets of large applications and component libraries in a structured, scalable, and maintainable way. It’s a revelation, one your future self or developer will thank you for.

    To get started in this course, you will need basic HTML and CSS skills. You should be able to write code in a text editor or integrated development environment. Knowing Sass or LESS will help you understand the practical lessons quickly, but they are optional.

    If you’re not quite ready for this course, you can buff up your CSS skills, with our CSS Selectors 2: Targeting HTML Like a Pro, or CSS Selectors 3: Diving Deeper course. Test your CSS knowledge with our AtoZ: CSS course. For a true challenge of your front-end development skills, try out Responsive Web Development course.

    User Reviews
    Rating
    0
    0
    0
    0
    0
    average 0
    Total votes0
    Focused display
    Category

    CSS

    Zsolt has been working hard on both his tech skills and soft skills, giving him the opportunity to become a Dev Tech Lead. He has taken these skills to the next level by blogging about his dev journey and creating Dev Career Mastery; a learning platform for developers wanting to expand their soft skills.
    Learn Web Design & Development with SitePoint tutorials, courses and books - HTML, CSS, JavaScript, PHP, Responsive Web Design.
    • language english
    • Training sessions 18
    • duration 2:34:20
    • English subtitles has
    • Release Date 2023/09/25