About Danielle Bastien
I am a dedicated and passionate front-end developer who is committed to delivering accessible and usable experiences to users across all devices and interfaces. With 14 years of experience in creating visually stunning and interactive websites, I am skilled in project estimation and organization, design analysis, interpretation and architectural planning. My focus is always on developing interfaces, tooling and processes that are scalable and accessible to all.
As a polymath and artist, I enjoy exploring new ideas, prototyping solutions and documenting my technical knowledge to share with others. I am a goal-oriented individual with a keen eye for detail and excellent organizational skills, and I am always seeking opportunities to learn and grow in my field.
I am deeply passionate about the intersection of art and technology, and I am committed to promoting equal access through Web Accessibility. I believe that inclusivity is a key factor in achieving technically well-executed and emotionally enthralling products that meet the needs of users.
In addition to my front-end development expertise, I have a range of multimedia skills that can be utilized to enhance any project, including photography, cinematography, photo editing, video editing, and sound mixing. I am excited about the possibilities of combining these skills with my technical expertise to create innovative and impactful experiences for users.
I am actively seeking opportunities to work on projects that align with my values and provide opportunities for growth and development. If you are looking for a passionate and dedicated front-end developer who is committed to creating accessible and innovative experiences, I would love to hear from you.
Experience
- Approach Controls Inc
- Senior Front-End Developer2022 – CurrentHybrid RemoteAgile Development
- Postmedia Network Inc.
- Lead Front-End Web Developer2019 – 2022RemoteAgile Development
- 411 Local Search Corp.
- Front-End Web Developer2015 – 2019Hybrid RemoteAgile Development
- Site Technologies Inc.
- Web Developer2013 – 2015On SiteAgile Development
Code Samples
- video Postmedia Design System
- video 411 Styleguide
- site Gatsby Contentful Bird Photography
- site Gatsby Contentful Cooking Blog (PWA)
- site Vue Router Transitions
- site Angular PWA Router Subscriptions
- site Angular Covid Care: Pandemic Safety Communication Tool
- site React Playlist Switcher
- site Web API Notifications
- site Canvas Particles Valentine Playlist
- site Alice in CSS Zen Garden
- pen Border Gradient
- pen Grid Pull Quote
- pen Grid Layering Elements
- pen Border Layer Illusion
- pen Horizontal Split Screen
- pen Vertical Split Screen
- pen Grid Layout with Gaps
- pen Grid Layout
- pen Footer Form
- pen Multiple Background Blending
- pen Backdrop Filter
- pen Header Shapes
- pen Photo Cards
- pen Rainbow Border Cards
- pen Grid Newspaper Layout
- pen Animation Timeline Progress Scrolling
Skills & Tools
- HTML
Experience with XHTML, HTML5: semantic and accessible elements, forms, custom validators, form optimization and validation, SVG, empty states, video, responsive images, history API, intersection observer, mutation observer, local storage, service workers, progressive enhancement, graceful degradation, social and SEO metadata
- CSS
Experience building responsive web designs (RWD) and design systems using CSS variables, grid, flex, media queries, support queries, animations, responsive web design, scss, node sass, dart sass, vanilla extract, styled components, less, bootstrap
- Javascript
Experience with vanilla Javascript, ES5, ES6, JSON, JSON Schemas, Typescript, Gastby, Angular 4-12, AngularJS, jQuery, jQuery UI, unit tests with Jest, Karma+Jasmine, Google Analytics, Google Tag Manager
- Patterns
Experience with cookies, keyboard focus trapping, lazy loading, i18n, user-generated content, hybrid app upgrading, server & client-side rendering, state transfer, progressive web apps (PWA), single page application (SPA), HTTP requests/RESTful API, micro-services, Fetch, AJAX, state management, RxJS subscriptions, observables, schema microdata, widgets, tracking codes
- Back End
Experience with GraphQL, Contentful, Python 3, Django 2.2, PHP 5/7, MongoDB, MySQL, nginx, Apache, WordPress admin
- Developer Tooling
Experience building out developer tooling with git, GitHub, gitlab, BitBucket, gulp, npm, yarn, node.js, webpack, Jenkins, google cloud, amazon AWS, xcode, docker, mamp
- Software
Experience getting development information from Figma, Zeplin, Sketch, InVision. Experience using Adobe Lightroom, Adobe Photoshop, Adobe Premiere, Adobe After Effects, Adobe Illustrator, Adobe Audition
- Methodology
Experience with agile developement using Jira, Confluence, ScrumDo, Trello, Mural. Experience with remote and hybrid remote work environments
Endorsments
…you are a stealthy leader, role model, knowledgeable; you are a person of few words but they are important and impactful…Melissa VerheydenSenior Director of Product - News and Information Postmedia
…you are professional, have attention to detail, I like your compentenses and your presentation of arguments…Vincent GrouxDirector of Engineering Postmedia
…you've got many requests because you're proving every day that you are a great developer, people know that you are reliable…Andre CollinDevelopment Manager Postmedia
…you are one of the shining starts of the engineering team, you have a bright future ahead of you. if you get the chance to work with a high performing group you're going to love it…Fraser ReedDevelopment Manager Postmedia
…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 CastleGraphics & Web Designer 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 SinghQuality Assurance Specialist 411.ca
…It was easy to innovate with her for UI & UX design issues we had regarding the company website redesign…Lisa MacklemGraphics & Web Designer 411.ca
…Danielle is a very well rounded and knowledgeable team player, who not only strives towards achieving her performance goals, but actively delivers towards the team’s performance benchmarks as well…Iuri StreletFront-End Developer 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 MilliganGraphics & 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 FaderProduct & Brand Marketing Manager 411.ca
…first to take the lead the go-getter of the squad. Danielle is analytical and always takes initiative…Anastasia RibeiroMarketing Communications Coordinator 411.ca
…I was extremely impressed to see how quickly she managed to navigate through the product environment, technologies and became a part of a team to deliver a challenging release…Indra DosanjhVP Product Development Veloxsites
Danielle is quiet but very diligent working. I have worked with her on several projects and she has proven herself to be very dependable detailed oriented in the work she does.Jeffrey RichardsonProducer Border Line Short Film
Danielle is always willing to roll up her sleeves and put in the long hours, graciously allowing others to share the credit. She is also a very positive creative force. She is flexible and open with cast, crew and faculty, and reacts well to constructive criticism.Robb WrightPost Production Professor Humber College
I just looked at some of your logs. Great work! I'm impressed.Eva ZiemsenDirector Travel Bhutan Documentary
I get the chance to write to you, to praise you, to commend you, to update you and to thank you. We were fortunate, we were blessed and we were so grateful to you for making everything so easy for us.Dann BouzideCoordinator Windsor Historical Society