Posts

Showing posts with the label CSS

JavaScript DOM Tutorial: Build a Searchable Course List

-
Web Development Learning Series — Part 3 of 10 · Intermediate JavaScript becomes easier to learn when each interaction has a clear job. This project filters a course list as the reader types. It teaches events, arrays, and DOM updates without a framework. The finished feature should handle three situations: a matching query, an empty query that shows everything, and a query with no matches. Decide those behaviors before writing the event handler.
Post a Comment
Read more

Responsive CSS Grid: Build Course Cards That Fit Any Screen

-
Web Development Learning Series — Part 2 of 10 · Beginner to Intermediate A course catalog should remain readable when the browser is narrow, the text is enlarged, or a card appears in a sidebar. In this lesson, build a small catalog without hard-coding a separate layout for every device. You need basic HTML and a stylesheet. Start with three cards containing a title, a short description, and a lesson link. Use real course names so you can notice when a longer title breaks the layout.
Post a Comment
Read more