DEV Community

Cover image for Build an idea generator from scratch, part 3: Create dynamic HTML from data [Video]
Ashley Kolodziej
Ashley Kolodziej

Posted on

Build an idea generator from scratch, part 3: Create dynamic HTML from data [Video]


Hello again folks! This week, for our Idea Generator Tutorial, we'll be focusing on HTML markup. Which tags should you choose? How do you plan your class naming and IDs while thinking of your functionality? And of course - we'll be connecting that data we pulled from the API last time to our markup as well.

If you're new to this series, catch up by checking out my post on the first tutorial in this series.

This video covers:

  • How to create a solid HTML markup structure for your JavaScript app
  • How to move that markup into templates you can use in your JavaScript
  • How to connect the data from an API call to your page
  • Some fun new explanations on professional Git development workflows
  • Thinking through functionality and writing it down

... and, as usual, a number of other fun tidbits that will help you work more effectively.

The final product

In this series, we’ll be working toward this idea generator as our final product.

Code links

Follow along by cloning or forking the main branch here: https://github.com/ProfessorKolodziej/idea-generator

You can also start on your own project by using my Student Site Boilerplate template: https://github.com/ProfessorKolodziej/student-site-boilerplate/

Catch the new video over here. Happy coding!


I'm always happy to connect!

🐰 @ashleykolodziej on Twitter
🐰 Subscribe to Professor K Explains on YouTube

Discussion (0)