<!-- *********************** ABOUT / PROFILE *********************** -->
<header>
<divclass="content-wrap">
<h1>Christina Truong</h1>
<h2>Tech Educator + Front-end Developer</h2>
<p>As a developer, I specialize in creating modular and scalable front-end architectures. As an educator, I focus on creating inclusive learning environments, instructor training and curriculum development.</p>
<p>I’m also exploring more creative pursuits designing tee shirts and accessories for <ahref="http://teethang.com"target="_blank">Nuthin’ But a Tee Thang</a>, an online store I’m running with my husband.</p>
<p>Developed content and instruction for various CSS and front-end focused web development courses including CSS Essential Training, Getting Your Website Online, Design Systems & Architectures and more.</p>
<p>Women&&Tech was launched in 2012 to feature interviews with different women working in the tech industry. I became familiar with them when I was invited to be one of the interviewees! A few years later, I joined the team and helped with the relaunch of the site as the front-end architect.</p>
<aclass="btn"href="http://christinatruong.com/projects/women-and-tech-redesign.html"target="_blank">View the case study</a>
<p>After coming back from teaching a JavaScript workshop, I felt inspired to create something just for fun. I realized that of all the content/lorem ipsum generators available, there was nothing for HBO’s The Wire fans. I searched for <ahref="http://thewireipsum.com"target="_blank">thewireipsum.com</a> domain and it was available! Generate some content for your projects today.</p>
<aclass="btn"href="http://thewireipsum.com"target="_blank">View live site</a>
</section>
</div>
</section>
<!-- *********************** WORK EXPERIENCE *********************** -->
<sectionclass="work-experience item-details">
<divclass="content-wrap divider">
<h2>Work Experience</h2>
<p>See my complete work history on <ahref="https://www.linkedin.com/in/christinatruong/">LinkedIn</a>.</p>
<!-- Job 1 -->
<sectionclass="job-item">
<divclass="job-details">
<h3>Front-end Developer & Educator</h3>
<p>Freelance</p>
<p>January 2012-Present</p>
</div>
<divclass="job-summary">
<p>Provides various front-end related services ranging from development work, speaking engagements, instructor training, workshops, and curriculum development. See more at <ahref="http://christinatruong.com">christinatruong.com</a>.</p>
</div>
</section>
<!-- Job 2 -->
<sectionclass="job-item">
<divclass="job-details">
<h3>Director of Curriculum</h3>
<p>Ladies Learning Code</p>
<p>July 2014 - February 2016</p>
</div>
<divclass="job-summary">
<p>Managed all curriculum for the adult programs. Created teaching materials and implemented instructor training across 20+ Canadian chapters.</p>
<p>Key contributions:</p>
<ul>
<li>Overhauled the curriculum and standardized the content and delivery.
<ul>
<li>Created 9 new workshops focusing on HTML, CSS, JavaScript, jQuery, Wordpress and Responsive Web Design.</li>
<li>Created all Hackapalooza content (2 day conference style event) consisting of 2-4 hour workshop sessions.</li>
<li>Created interactive slide deck template for consistent national workshop branding.</li>
<li>Developed the Digital Skills part-time program curriculum.</li>
</ul>
</li>
<li>Provided training for all instructors focusing on creating an inclusive and engaging learning environment.</li>
<li>Maintained the ladieslearningcode.com website.</li>
<li>Volunteer lead instructor from 2011-2014 for Toronto workshops and several chapter launches.</li>
</ul>
</div>
</section>
<!-- Job 3 -->
<sectionclass="job-item">
<divclass="job-details">
<h3>Lead Front-End Developer</h3>
<p>Field iD</p>
<p>March 2013 - February 2014</p>
</div>
<divclass="job-details">
<p>Lead the front-end development for the in-house safety inspection software.</p>
<p>Key contributions:</p>
<ul>
<li>Responsible for setting code standards for the front-end development.</li>
<li>Created a fully customized front-end framework, including the UI/UX design.</li>
<li>Standardized the site architecture and design.</li>
