With the success of Captivate With Code, I knew I wanted to create a
more elevated and juicy second course. So here it is!
We're still bringing the efficiency of 1.0 by using pre-made code blocks, so no dealing with the hassle or complexities of coding from scratch. In each video I'll break down a different code, walking you through how it functions and teaching you how to customize it to make it your own. This time around, I'll also have Showit tutorial videos where you can see exactly how I implement the code onto the platform. Not on Showit? No worries! These codes are universal and can be embedded into any web platform that allows.
Coding is such a useful skill to have in our area of expertise, one that makes you a hot commodity and valuable resource. My goal for this course is that you build confidence in your web designing, which in turn allows you to charge more for your advanced skills, and gain a deeper understanding of the coding language overall.
"I loved diving into Captivate with Code because the lessons are short and sweet and to the point. It's a collection of code snippets I've seen and gone green with envy trying to figure out how to do it. I honestly felt like I joined the cool kid club of Showit when I bought it. DEFINITELY signing up for any coding resource she puts out in the future (including 2.0 as soon as it launches!). Tara knows her stuff and is really nice to work with!"
Rotate any image with simple code. Easily change the size and speed - no gifs needed!
An interactive button that starts on one phrase, then swipes on hover to uncover another.
A trippy button hover that features an animated sawtooth background.
An animation that changes your button to an oval shape on hover.
An accordion drop-down menu perfect for creating navigation bars.
A stunning animation that eases and alters your text when hovered over.
Create a stunning image gallery that scrolls horizontally on the page.
Overlay your text with a video using clipping masks and svgs.
Feature content via a drop-down animation and include background images for a gallery effect.
Add a catchy title and call-to-action button to any image on hover.
A unique animation that changes image shape and adds text and a cta on hover.
Easily feature images or gifs inside a macbook mockup
A stunning animated menu that features marquee text & pop-up images
Have your text feature an image pop-up whenever it is hovered over
Turn any image into an informative card on hover.
"I loved this course from start to finish and feel so much more confident in incorporating code to my client's websites. Tara does an excellent job of breaking down the code simply in a way I could understand having very little coding knowledge before I invested in this course!"
Along with each coding lesson will be a Showit tutorial video where I demonstrate how to embed the code and what changes may need to be made in order to use it on the platform!
This course was a GAME-CHANGER for me and my design game! The course provided a ton of value, and Tara was so helpful and thorough with every element of the course! The codes were super easy to implement into my Showit designs, and moreover, I really appreciated the way she actually TAUGHT what was going on behind the scenes of the code, rather than just providing the codes in a more plug-and-play format. Truly awesome!
This course is designed to teach you specific code functions, so even if you're a newbie to code or are familiar with css - the code snippets will be new and exciting for all to learn!
All course materials, instructions and videos will be neatly organized in our private membership area! It will also feature resource links and a contact form so you can quickly get in touch with me!
You'll receive access to 15 different code snippets that can easily be embedded into your website via copy + paste.
Our lessons are separated into 15 different video tutorials. I'll walk you through step-by-step how to customize the code and break it down into its simplest terms. Then I'll guide you through inserting it into your Showit website.
Our membership area will also feature a Resources List that may be helpful to you along your coding journey. Things like my preferred websites and coding shortcuts.
Course content will always remain available to you. So you can take it anytime and at your own pace.
I'm always willing to lend a helping hand. If you find yourself needing some clarification or further help after the course is completed, fill out the contact form on the course page or email me directly!
I made sure to take 2.0 codes to the next level, so some are a bit more advanced and time consuming than the ones we learned in 1.0. Not only does this course feature 15 entirely new code snippets, but it also includes Showit tutorial videos for each.
If you're new to code there will be a bit of a learning curve, but it's absolutely doable if you're invested in the course. You'll not only receive the content you need to get started, but I'll walk you through step-by-step how to customize each code to your liking.
This course is designed to teach you specific code snippets, not the nitty gritty of the css language. However, as you move along in the course you'll start to see repetitions and develop a better understanding of how the basics work!
Although I specialize in Showit design, the coding is universal so I've used them on platforms like Shopify, Squarespace and even Kajabi. I do however recommend that you're familiar with embedding codes and troubleshooting. Platforms other than Showit may require some additional fine tuning!