Home | Danielle Bastien | Front-End Developer

About

I love art and technology. I am always learning.

I'm a Front-End Developer currently based in Calgary, AB. I am currently working with the Postmedia Network Digital team on their user experience initiatives. I've been creating the visual and interactive portion of websites for the last 8 years in a professional capacity. My nerdy love for CSS, however, goes back over 16 years.

My expertise includes accessible responsive web development, audio-video post-production, and photography. My work ethic is that of a reliable self-starter, caring team member, organization guru. For the most part, I am private, brief and to the point, but I am happy to answer specific and detailed questions in detail.

Front-End Development to me is similar to a final round of editing, pulling all the pieces together from a project in a way that is technically well-executed and user-focused while still achieving the initial goals. I am passionate about inclusivity, you'll witness this reflected in the questions I will always have about a project to determine correct semantics and accessibility.

What is a Front-End Developer?
My Skills & Tools

HTML

Experience with XHTML, HTML5: forms, semantic and accessible elements, SVG, history API, intersection observer API, local storage, service workers, social and SEO metadata
CSS

Experience with CSS: variables, grid, flex, media queries, support queries, functions, animations, responsive web design, scss, less, bootstrap 3 and 4
Javascript

Experience with vanilla javascript, JSON data, typescript, Angular 4-7, Angular js, jQuery, jQuery UI, Google Analytics, Google Tag Manager
Patterns

Experience with cookies, unit tests, keyboard focus trapping, form validation, custom validators, form mobile keyboard optimization, form auto-fill optimization, i18n, user-generated content, empty states, video, responsive images, hybrid app upgrading, server & client-side rendering, state transfer, service workers and PWA, lazy routing, lazy loading, single page application, progressive enhancement, graceful degradation, HTTP requests/RESTful API/micro-services/ajax, state management, responsive web design, email templates, schema microdata, rxjs subscriptions, observables, widget implementation, tracking codes
Back End

Experience with Python 3, PHP 5/7, WordPress admin, nginx, Apache, MongoDB, MySQL
Developer Tooling

Experience with git, GitHub, gitlab, gulp, npm, node.js, webpack, karma+jasmin, Jest, Jenkins, xcode, docker, mamp
Software

Experience with adobe lightroom, adobe photoshop, adobe premiere, adobe after effects, adobe illustrator, adobe audition

Is there industry consensus about
what a Front-End Developer does?

HTML and CSS are often seen as a burden. Read More from https://css-tricks.com/front-end-development-is-not-a-problem-to-be-solved/ in new tab
I'll argue that front-end developers need to master four different skills. Read More from https://zellwk.com/blog/good-frontend-developer/ in new tab
Full Stack Developers become the gatekeeper of at least some kinds of code they simply don't care about writing well. Read More from http://www.heydonworks.com/article/reluctant-gatekeeping-the-problem-with-full-stack in new tab
While all these languages are code, they do wildly different things. Read More from http://bradfrost.com/blog/post/big-ol-ball-o-javascript/ in new tab
Technical skills. How quickly they can solve ridiculous trick challenges under pressure that won't exist in the actual job. Read More from https://gomakethings.com/what-makes-someone-a-good-front-end-developer/ in new tab
We had to learn about the diversity of people and devices. Read More from https://www.sonniesedge.co.uk/talks/dear-developer in new tab

Code Experiments

Experience

Year	Position	Company
2019 – Present	Front-End Web Developer	Postmedia Network Inc. in new tab
2015 – 2019	Front-End Web Developer	411 Local Search Corp. in new tab
2013 – 2015	Web Developer	Site Technologies Inc. in new tab
2010 – 2013	Peer Tutor	Humber College in new tab
2010, 2012	Video Editor	Windsor Historical Society in new tab
2011	Post Coordinator Intern	Cineflix in new tab
2007 – 2009	Supervisor	House of Shalom Youth Center in new tab

Professional Development Training

2020 OpenJS Free Stream
2019 NG Conf Free Stream
2018 Editing Fiction and Memoir by Maggie Morris
2018 Micro Frontends: The Key to Scaling Single Page Applications Webinar Rangle.io
2017 Google mSite Hackathon
2011 Picture Editors on Editing Symposium by CFC
2011 Script Supervisor Workshop by Dug Rotstein

Education

Humber College Institute of Technology and Advanced Learning
- 2013
  - Web Design, Development and Maintenance
- 2012
  - Film and Television Production
  - Specializing in post picture, post sound, and visual effects.

Endorsements

…first to take the lead the go-getter of the squad. Danielle is analytical and always takes initiative… — Anastasia Ribeiro | Marketing Communications Coordinator @ 411.ca
…always ready and keen to learn new things. we created new website from scratch using Angular JS, and she did lots of hard work and deliver quality product to the company. My favourite thing is she is always updated with new technologies… — Mandeep Singh | Quality Assurance Specialist @ 411.ca
…She’s always studying the latest trends in media and never hesitates to share her knowledge with the team. Her spark and curiosity I've always admired… — Tevin Castle | Graphics & Web Designer @ 411.ca
…Danielle was one of the team’s best assets: she would flawlessly complete her own dev work, take time to mentor more junior developers, and offer her skills for side projects for internal initiatives like corporate videos and events… — Care Fader | Product & Brand Marketing Manager @ 411.ca
…Danielle is an excellent resource in regards to web based knowledge, she was able to answer any questions I had regarding mutual projects or if I just had a random question while she was doing a million other tasks, great patience… — Ian Milligan | Graphics & Web Designer @ 411.ca

See more on LinkedIn

Credits

Role	Production	Genre
Cinematographer, Picture Editor & Director	Veterans Memory Project Dir. Danielle Bastien	Documentary
Assistant Picture Editor	Travel Bhutan Dir. Eva Ziemsen	Documentary
Picture Editor & Script Supervisor	Border Line Dir. Maria Alejandra Morales	Drama
Picture Editor	Grief. Behind the Tableaux Dir. Eva Ziemsen	Documentary
Script Supervisor	Grief. Story of a Mime in Seven Tableaux Dir. Abraham Bankole, Kyle Carruthers, Jesse Herzog & Jesse Powell	Drama
Dialogue Editor	Astronomy Girl Dir. Robyn Watkins	Drama
Visual Effects Artist	Calvin Klein Dir. John Harden	Spec Commercial
Script Supervisor	Jadon's Change Dir. Abraham Bankole	Drama
Picture Editor & Visual Effects Assistant	Teresa's Tummy Dir. Yosef Baraki	Drama
Script Supervisor	Foreign Exchange Dir. Matthew Ieraci	Family
Script Supervisor	Honda Civic Dir. Dan Whidden	Spec Commercial
Location Sound Recordist	Team Canada Hockey Dir. Lucas Dabrowski	Spec Commercial
Location Sound Recordist & Visual Effects Artist	Dive and Diminution: A Punk Story Dir. Kyle McGuire	Documentary