Typography for Developers Tutorial - Full Course

via freeCodeCamp

Start learning Write review

Details

Start learning

Provider

freeCodeCamp
Pricing

Free Video
Languages

English
Duration & workload

2-3 hours
Sessions

On-Demand

Found in

Overview

Dive into a comprehensive tutorial on typography tailored for developers. Learn the fundamentals of creating effective typography as a UX Designer, including typeface selection, layout techniques, establishing typographic hierarchy, and implementing responsive typography. Explore the differences between typography and lettering, typefaces and fonts, and how typography impacts user experience. Discover various typeface elements, genres, and sub-genres, including serifs, sans-serifs, and scripts. Compare print and digital design considerations, understand fixed vs. fluid layouts, and gain insights on helping clients appreciate the value of quality fonts. Master the process of choosing and using typefaces, installing fonts, and working with different font formats. Delve into the nuances of text and display typefaces, font weights, styles, and sizes. Apply your newfound knowledge in a hands-on design project using Figma. Developed by Hope Armstrong, this course offers a deep dive into typography essentials for developers seeking to enhance their design skills.

Syllabus

) Introduction: What is Typography?.
) Typography vs Lettering.
) Typeface vs Font.
) How Typography Affects User Experience (UX).
) Elements of TypeFace.
) Serifs.
) Sans-serifs (Without serifs).
) Letterform Contrast.
) Text Contrast in Comparison to the Background.
) Text Color Contrast.
) Typeface Genres (Types of Typefaces) .
) Serif Sub-genres.
) Sans-serifs Sub-genres.
) Scripts.
) Print Design vs Digital Design.
) Help Clients Understand the Benefit of Good Fonts .
) Fixed vs Fluid Layouts.
) Choosing and Using Typefaces.
) Installing Fonts.
) A word on Font Formats.
) Choosing a Text Typface.
) Counters (Enclosed whitespace in Text).
) Typeface 'Mood' Matching the Content.
) Choosing a Display Typeface.
) Translating Text Typeface to Display Typeface.
) Weight, Styles & Sizes.
) Faux Bold & Italics vs True Bold & Italics.
) Font Weighting & Styles.
) Design Project using Figma.

Taught by

freeCodeCamp.org

Reviews

4.4 rating, based on 15 Class Central reviews

Start your review of Typography for Developers Tutorial - Full Course

Maryam Shoaib

I recently completed the online typography course, and it's been a transformative experience for my design work. As a beginner, I was initially hesitant to dive into typography, but this course expertly broke down complex concepts into engaging, e…

I recently completed the online typography course, and it's been a transformative experience for my design work. As a beginner, I was initially hesitant to dive into typography, but this course expertly broke down complex concepts into engaging, easy-to-understand lessons.

The course's comprehensive coverage was impressive, spanning from font history to advanced typography techniques. The instructors were knowledgeable, enthusiastic, and provided valuable feedback throughout. I particularly appreciated the practical exercises, which allowed me to apply theoretical knowledge to real-world scenarios. The self-paced learning format also fit seamlessly into my busy schedule.

The course materials were exceptional, with additional resources, fonts, and software tutorials proving invaluable. I gained a solid understanding of font selection, pairing, and customization, as well as mastering typographic hierarchy and composition. I can now create visually stunning, readable text with confidence.

I highly recommend this course to designers, marketers, and anyone eager to elevate their visual communication skills. Whether you're a beginner or seeking to refine your expertise, [Course Name] delivers. My only suggestions for improvement would be adding more advanced modules or specialized courses, and incorporating additional interactive exercises or quizzes.

Overall, I'm thoroughly satisfied with the course and impressed by the instructor's expertise. I'd rate the course 4/5 stars for its exceptional quality, engaging instruction, and overall value.
Bless Doe @BlessDoe

Wow , now I can choose the right font , Thank you soo much. I am a developer but i didnt know much about typeface. We sometimes choose based on niches and many other ways
Kiran Singh @Kirsingh

Good source of learning with brief and detail about the subject. Loved the course.clear and step by step topics are described well. As a new student it helped me a lot.
Pratik Thapa

I recently completed a typography course, and it was a game-changer for my design work. The course provided a deep dive into the principles and history of typography, helping me understand not just how to choose fonts but why certain typefaces work…

I recently completed a typography course, and it was a game-changer for my design work. The course provided a deep dive into the principles and history of typography, helping me understand not just how to choose fonts but why certain typefaces work better in specific contexts. The lessons were well-structured, starting with the basics of type anatomy and progressing to more complex topics like kerning, leading, and type pairing.

One of the standout aspects was the hands-on projects, which allowed me to apply what I learned immediately. The feedback from the instructor was constructive and helped refine my designs. The course also covered modern trends in typography and how to adapt classic principles for digital media, which was incredibly relevant for my work.
NANDHAKUMAR A

This course covers various aspects of typography, including typeface vs font, serif and sans-serif types, text contrast, font formats, and design projects using Figma. It’s divided into 29 sections, each focusing on different elements of typography.
Diaz Rasyid

Penjelasan yang baik untuk membahas sebuah pelajaran tentang typhography, awalnya memang baik aku suka penjelasannya dan terima kasih karna sudah membantuku untuk memahami tentang hal yang bisa dibilang mendasar
RAKHEEB AHMED K R

Had an excellent session on the whole concept of typography. It covered almost every part and also gained knowledge of almost every language that is used in the world of type in design.
Chaitali Yogesh Vyalij

This course is very instresting for desining students it's helps us for better understanding of designing I love this course and also I hope this will definitely help me in future
Omar Abadir

1.Great insight! And more easly for beginner to make production type design/ fonts. So you can get more insight, knowladge in this videos, and how to step by step to let you know what is type, how to basic typography, what is different style font and more. This super helpful for beginner.
Lissinet Parrado

Learned all the basics! Great work. The only feedback that would be appreciated would be that it would be nice for the videos to have the options for captions.
Temidayo Ekundayo

I now have a better understanding of how typography works!
from the classifications, types and breakdown, to contrasting, how it works.
Thanks.
Daniel Elisha George

I am pleased to say that I have been exposed to a course like this for the first time, in a way that makes it feel as I'm not totally new to it. This is because of the manner in which the topics are presented with clarity. It wasn't complicated at all. I am grateful for the opportunity to learn and I will make the best of the knowledge that have been made available to me.
Jannat Farooq

Itz easy and interesting for me I need some practical work like how to apply typography on T-Shirts Merchandise that we sell on fiver to earn money if there is any course kindly guide... I want to know and learn new features of typography that in which features we know when we apply on different shapes or t-shirts
Ridwan Fadilah

Great insight! And more easly for beginner to make production type design/ fonts. So you can get more insight, knowladge in this videos, and how to step by step to let you know what is type, how to basic typography, what is different style font and more. This super helpful for beginner.
Shah Jaman Soud

hey, im satisfied with your free course and now I have good knowledge about Typography. Thanks a Lot