You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
162 lines
8.4 KiB
162 lines
8.4 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>Christina Truong, Tech Educator + Front-end Developer</title> |
|
<link rel="preconnect" href="https://fonts.googleapis.com"> |
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
|
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400;600&family=Montserrat:wght@400;700&display=swap" rel="stylesheet"> |
|
<link rel="stylesheet" href="css/resume13.css"> |
|
</head> |
|
<body> |
|
<main> |
|
<!-- *********************** ABOUT / PROFILE *********************** --> |
|
<header> |
|
<div class="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 <a href="http://teethang.com" target="_blank">Nuthin’ But a Tee Thang</a>, an online store I’m running with my husband.</p> |
|
</div> |
|
</header> |
|
|
|
<!-- ******************** PROJECTS / PORTFOLIO ********************* --> |
|
<section class="projects" id="proj"> |
|
<div class="content-wrap divider"> |
|
<h2>Featured Projects</h2> |
|
<p>View selected projects below. More information can be found at <a href="http://christinatruong.com" class="btn">christinatruong.com</a>.</p> |
|
|
|
<!-- Project 1 --> |
|
<section class="project-item"> |
|
<h3>Lynda / LinkedIn Learning Courses</h3> |
|
<img src="images/project-courses.jpg" alt="course thumbnail"> |
|
<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> |
|
<a class="btn" href="https://www.linkedin.com/learning/instructors/christina-truong?u=2125562" target="_blank">LinkedIn Learning</a> |
|
<a class="btn" href="https://www.lynda.com/Christina-Truong/7842227-1.html">Lynda.com</a> |
|
</section> |
|
|
|
<!-- Project 2 --> |
|
<section class="project-item"> |
|
<h3>Women&&Tech</h3> |
|
<img src="images/project-women-tech.jpg" alt="website thumbnail"> |
|
<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> |
|
<a href="http://christinatruong.com/projects/women-and-tech-redesign.html" target="_blank">View the case study</a> |
|
</section> |
|
|
|
<!-- Project 3 --> |
|
<section class="project-item"> |
|
<h3>The Wire Ipsum</h3> |
|
<img src="images/project-wire-ipsum.jpg" alt="website thumbnail"> |
|
<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 <a href="http://thewireipsum.com" target="_blank">thewireipsum.com</a> domain and it was available! Generate some content for your projects today.</p> |
|
<a class="btn" href="http://thewireipsum.com" target="_blank">View live site</a> |
|
</section> |
|
</div> |
|
</section> |
|
|
|
<!-- *********************** WORK EXPERIENCE *********************** --> |
|
<section class="work-experience item-details"> |
|
<div class="content-wrap divider"> |
|
<h2>Work Experience</h2> |
|
<p>See my complete work history on <a href="https://www.linkedin.com/in/christinatruong/">LinkedIn</a>.</p> |
|
|
|
<!-- Job 1 --> |
|
<section class="job-item"> |
|
<div class="job-details"> |
|
<h3>Front-end Developer & Educator</h3> |
|
<p>Freelance</p> |
|
<p>January 2012-Present</p> |
|
</div> |
|
<div class="job-summary"> |
|
<p>Provides various front-end related services ranging from development work, speaking engagements, instructor training, workshops, and curriculum development. See more at <a href="http://christinatruong.com">christinatruong.com</a>.</p> |
|
</div> |
|
</section> |
|
|
|
<!-- Job 2 --> |
|
<section class="job-item"> |
|
<div class="job-details"> |
|
<h3>Director of Curriculum</h3> |
|
<p>Ladies Learning Code</p> |
|
<p>July 2014 - February 2016</p> |
|
</div> |
|
<div class="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 --> |
|
<section class="job-item"> |
|
<div class="job-details"> |
|
<h3>Lead Front-End Developer</h3> |
|
<p>Field iD</p> |
|
<p>March 2013 - February 2014</p> |
|
</div> |
|
<div class="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> |
|
</ul> |
|
</div> |
|
</section> |
|
</div> |
|
</section> |
|
|
|
<!-- ****************** EDUCATION & CERTIFICATIONS ****************** --> |
|
<section class="education item-details"> |
|
<div class="content-wrap"> |
|
<h2>Education</h2> |
|
|
|
<section> |
|
<h3>Seneca College - Toronto, ON</h3> |
|
<p>Webmaster Content Site Design Certificate, 2006</p> |
|
<p>14 week full-time program covering HTML, CSS, Flash, Photoshop, PHP and JavaScript.</p> |
|
</section> |
|
|
|
<section> |
|
<h3>York University - Toronto, ON</h3> |
|
<p>Bachelor of Arts with Honours, 2001-2005</p> |
|
<p>Double Major in Communications & Psychology.</p> |
|
</section> |
|
|
|
<section> |
|
<h3>San Jose State University - San Jose, CA</h3> |
|
<p>General Studies, 2000</p> |
|
</section> |
|
</div> |
|
</section> |
|
|
|
<!-- ***************** CONTACT INFO / SOCIAL MEDIA ***************** --> |
|
<footer> |
|
<div class="content-wrap"> |
|
<h2>Let's Keep in Touch!</h2> |
|
|
|
<!-- Social media and contact links. Add or remove any networks. --> |
|
<ul class="contact-list"> |
|
<li><a href="mailto:email@example.com">email@example.com</a></li> |
|
<li><a href="http://christinatruong.com" target="_blank">christinatruong.com</a></li> |
|
<li><a href="http://twitter.com/christinatruong" target="_blank">Twitter</a></li> |
|
<li><a href="#" target="_blank">LinkedIn</a></li> |
|
</ul> |
|
</div> |
|
</footer> |
|
</main> |
|
</body> |
|
</html>
|
|
|