Building Stronger Front-end Practices
Front-end trends come and go but at the core of all of these tools, they are still HTML, CSS and JavaScript. You'll take it back to the basics but also will dive in a little deeper to gain a better understanding of front-end languages.
What you'll learn
At the core of developing the front end architecture of any website is a thorough knowledge of not only HTML and CSS but also how to use these languages effectively. In this course, Building Stronger Front-end Practices, you'll learn how to make your projects more maintainable, flexible and scalable. First, you'll learn HTML organization and semantics. Then, you'll learn how to write efficient CSS and create modular code structures. Lastly, you'll learn how to establish a style guide for your projects and code base. When you're finished with this course, you'll have a stronger foundational knowledge of front-end technologies that will help you as you move forward to build better projects and be able to apply best practices, no matter what front-end tools you choose.
Table of contents
- Introduction 1m
- CSS Display and Navigation Links 4m
- Demo: Navigation 3m
- Display vs. Floats 4m
- List Navigation, Mixins, and Helper Classes 4m
- Intro to Flexbox 4m
- Demo: Float and Flexbox 2m
- Font-sizing and Length Units 4m
- CSS Selectors 2m
- Writing Fluid CSS 3m
- Optimizing for CSS and JavaScript 4m
- Conclusion 2m
About the author
Christina has a decade of experience in the tech industry as a front-end developer. She has worked with top digital agencies as well as headed up the front-end development for a software company. As an educator, she has taught over 900+ students in college, bootcamps, and workshops. In her former role as Director of Curriculum for a non-profit organization, she developed and managed the course content for all the adult coding programs used by 20+ Canadian chapters and provided instructor trainin... more