curly braces inside a lens

Danielle Bastien

Front-End Developer

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.

Skills & Tools

  • HTML5 icon
    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

  • CSS3 icon
    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 icon
    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

  • GraphQL icon
    Back End

    Experience with GraphQL, Contentful, Python 3, Django 2.2, PHP 5/7, MongoDB, MySQL, nginx, Apache, WordPress admin

  • Git icon
    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

  • Adobe icon
    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

  • Slack icon
    Methodology

    Experience with agile developement using Jira, Confluence, ScrumDo, Trello, Mural. Experience with remote and hybrid remote work environments

Contact Me

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