I've been teaching Web design skills for more than a decade. A few years ago, I started applying more advanced coding techniques, as data journalism and data-driven interactives gained in popularity. I started doing tutorials and taking classes. I even did a fellowship at Stanford, where I took courses in their world-renowned Computer Science department and began talking to professors across disciplines that were teaching coding.
So, after years of continued (ongoing) practice, trial, error, success and failure, I have developed the following series of tutorials to introduce programming concepts for journalists and professional communicators. It's everything I have figured out about coding as it relates to Web development. It covers most of the coding topics that I demonstrate in my Web Design and Coding & Data Skills courses that I teach at Texas State University, just all rolled up here in one place. I'll continue to learn and adjust.
Follow along step by step, then make the code your own by modifying it. You'll be launching your own projects in no time.
Start at the beginning or dive into the middle, if you already have some experience. Happy Coding!