Giulia Cardieri，加拿大安大略省多伦多的开发商
Giulia is available for hire
Hire Giulia

Giulia Cardieri

Verified Expert  in Engineering

Front-end Developer

Location
Toronto, ON, Canada
Toptal Member Since
September 19, 2018

Giulia是一个富有创造力和注重细节的自由职业者，对前端开发和UI/UX设计充满热情. 她有超过六年的经验，为专业人士开发web应用程序, academic, and personal projects. julia是一个CSS爱好者，她总是在学习新的技术. 她善于沟通，重视同事之间的共鸣.

SassCSSHTML5VueFlexboxAccessibilityBootstrapjQueryGitUI DesignUX DesignVuexPWASublime TextVanilla JS

Portfolio

Stratacache
JavaScript, Vue CLI, Vue, CSS, SCSS, Adobe体验设计(XD)
Kangaroo Solutions Inc
Vue 2, Vue, Vuex, React, React Native, Vuetify, Ionic, SCSS, Jest, Storybook...
Dog and Pony Studios
Nuxt.js, Vuex, Vue，顺风CSS, WordPress, Figma, Discord, jQuery, JavaScript...

Experience

JavaScript - 7 yearsHTML5 - 7 yearsSass - 7 yearsCSS - 7 yearsVue - 4 yearsA11Y - 3 years渐进式Web应用程序(PWA) - 3年Nuxt.js - 1 year

Availability

Part-time

Preferred Environment

Slack, Git, MacOS, Discord

The most amazing...

...我开发的功能是一个日历组件，用于创建支持排除日期的复杂时间表, different timezones, and multiple day events.

Work Experience

Intermediate Application Developer

2022 - PRESENT
Stratacache
  • Updated HTML/CSS/Vue.在加拿大一家大型咖啡相关餐厅的数字菜单板上，为新的Adobe XD设计了js组件.
  • Implemented reusable components on Vue.js与合成和SCSS的数字菜单板.
  • 与多学科团队一起参加sprint和定期的敏捷相关会议.
  • 以同理心和个人成长的方式审查其他前端开发人员的代码以保证质量.
技术:JavaScript, Vue CLI, Vue, CSS, SCSS, Adobe体验设计(XD)

Senior Front-end Developer

2021 - 2022
Kangaroo Solutions Inc
  • 在现有应用程序上开发新功能. For example, 基于Full calendar和ICal字符串的日历功能允许餐厅和快递员为管理员提供可视化的日程安排.
  • 作为前端团队领导，参与sprint和故事点计划会议. I wrote all Jira tickets, and as a team, 我们定义了故事点，并选择哪些票将成为sprint的一部分.
  • 使用Figma为两个新应用程序创建UI模型. 重点是创建一个易于使用来自Vuetify或Ionic库的UI组件开发的UI.
  • 改进了现有Vue的代码质量.通过将Vuex重构为一个模块架构, using proper Vuetify variables for CSS, 并将plan Axios的所有API调用重构为自定义库.
  • 审查其他前端和全栈开发人员的代码, 始终关注同理心和改进. Applied收到了关于我编写的代码的反馈，并向其他人学习.
  • 修复了每天被多个客户使用的React和React Native应用程序的多个错误. bug与React生命周期、CSS和Formik相关.
Technologies: Vue 2, Vue, Vuex, React, React Native, Vuetify, Ionic, SCSS, Jest, Storybook, Agile, Figma, UI Design, UX Design, CSS, TypeScript, REST, REST APIs

Senior Front-end Developer

2021 - 2021
Dog and Pony Studios
  • 使用next开发了多个机构网站.js, Vuex, and Tailwind CSS. 所有网站都有微动画和可访问性A和AA规则的要求.
  • 每周参加三天的团队电话会议，通过Discord讨论当前项目, 使用Harvest记录工作时间, and organized tasks using Asana.
  • 与设计团队紧密合作，用Figma创建像素完美的ui实现.
  • Populated content, adjusted Gravity Forms instances, 并在WordPress admin上创建了自定义字段，以便在前端显示正确的数据.
  • 使用AXE工具对现有项目和新项目进行可访问性检查，以确保它们是可访问的. 如果没有，则排除故障并修复防止可访问性遵从性问题的错误.
Technologies: Nuxt.js, Vuex, Vue，顺风CSS, WordPress, Figma, Discord, jQuery, JavaScript, Sass, Axe

Front-end Developer

2019 - 2021
The Winston Project LLC (via Toptal)
  • 使用基于Hugo的定制框架为美国的大学开发了超过25个网站, jQuery, and SCSS.
  • 实现带有数十个组件的设计系统的前端部分，其中可访问性是一个需求. The stack included Gridsome, Vue.js, Tailwind CSS, and VueX.
  • 为设计系统中的每个组件创建文档，以帮助未来的开发团队成员.
  • 使用SiteImprove工具进行可访问性检查，排除故障，并在必要时修复错误.
  • 利用Vue开发了高等教育交互式学费计算器的前端部分.js, Scss, and VueX.
Technologies: Vue, A11Y, Gridsome, Hugo, Tailwind CSS, jQuery, SCSS, HTML, CSS, JavaScript, Figma, Slack, Vuex

Front-end Developer

2018 - 2019
Apollo (via Toptal)
  • 使用SCSS、HTML、jQuery和Middleman开发响应式ui.
  • 实现了以图像和PDF格式显示信息图表的页面.
  • 重新创建了一个完整的网站UI，以前用React构建，使用中间人.
  • 修复了使用Node进行301重定向的问题.js.
  • 解决与前端开发相关的错误和缺陷.
技术:Git, Bootstrap, Flexbox, HTML5, CSS3, Sass, Zeplin, Node.. js, Middleman, LocalStorage, JavaScript, jQuery, SCSS, CSS, HTML

UX Designer

2018 - 2019
TODXS
  • 和另外三个人一起在聊天机器人团队担任用户体验研究员.
  • 与UX团队一起开发聊天机器人的角色. 我们决定将这个人设定为女性，非二元性别的早期成人.
  • 通过使用Google表单进行调查，验证与用户的聊天机器人.
  • 研究并收集LGBT+社区的数据，开发聊天机器人内容.
  • 与团队一起使用谷歌的工具DialogFlow创建了一个聊天机器人.
Technologies: Web UX, Slack, Chatbots

Computer Science Graduate Researcher

2017 - 2019
Capes
  • 开发了PWA- eu架构. 它是事件驱动和分层软件架构的混合，因此用户可以充当应用程序的共同设计者. 提供这种自由和灵活性，以便用户可以在PWA上进行设计选择.
  • 进行软件工程和人机交互实验，评估和比较原生移动设备, web mobile, and PWA applications.
  • 分析从实验和研究案例中获得的定性和定量数据.
  • 撰写描述HCI实验和PWA-EU方法的科学文章.
  • 为PWA-EU方法开发和设计概念验证pwa. 第一个是用Vue开发的事件安排应用程序.js, CSS, and LocalStorage. 第二个是用JavaScript、CSS和Handlebars开发的.js and LocalStorage.
  • 对研究生和本科生进行PWA理论和实践教学培训.
技术:渐进式Web应用程序(PWA), Materialize, UX Design, Git, Web UX, CSS, CSS3, HTML5, JavaScript, Sass, User Experience (UX), Vue, PWA

CSS Developer

2018 - 2018
Postbox (via Toptal)
  • 使用纯CSS为桌面应用程序的暗模式功能开发ui.
  • 在一个有几十个CSS文件的大型代码库中工作.
  • 调试文件以修复与前端开发相关的错误和缺陷.
  • 使用Git作为版本控制，安全快速的开发应用.
技术:Flexbox, HTML5, CSS3, Sass, Git, Firefox, CSS, HTML

Web Developer and Designer

2016 - 2017
LTIA
  • 使用HTML5开发了一个全栈web应用程序, Sass, jQuery, CodeIgniter, and MySQL for freelance clients. 该应用程序是一个针对UNESP bauuru的高中生和本科生的教育内容网站.
  • 使用Photoshop为自由职业者客户设计web应用程序.
  • 在团队中担任前端开发人员(HTML5), Sass, 和jQuery)，为微软的创新杯大赛创建一个女性赋权社交网络.
  • 为新成员提供前端技术(HTML, CSS, SASS)的讲座和指导.
  • 在申请交付给客户后提供协助.
技术:JavaScript, UI设计，Git, Web UX, HTML5, CSS, CSS3, MySQL, jQuery, Sass, HTML

Front-end Developer

2015 - 2015
Lecom
  • 协助Lecom业务流程管理(BPM) web系统维护, focusing on HTML, CSS, JavaScript and jQuery. Lecom BPM是一个基于web技术的过程自动化软件.
  • 参与了Lecom BPM新特性的UI原型细化.
  • 在Lecom BPM上使用jQuery和Vanilla JavaScript创建新功能的文档.
  • 使用JavaScript添加REGEX验证到表单输入字段.
  • 每天使用敏捷方法，如Scrum和看板.
技术:Git, HTML5, CSS3, Bootstrap, jQuery, JavaScript, CSS, HTML

Full-stack Web Developer

2014 - 2014
Tegra
  • 使用Photoshop设计了一个混合移动应用原型.
  • Created a hybrid mobile app with Cordova.js、HTML、Sass、Bootstrap、jQuery和Gulp. 这个应用程序是一个家具店的目录，需要在应用程序上的所有家具，也有功能，用户可以定制他们的家具.
  • 从公司网站上重构CSS和Sass代码.
  • 每天使用敏捷方法，比如Scrum.
  • 使用Django框架、Sass、HTML5和jQuery开发了一个应用程序.
技术:UI设计，Git, HTML5, CSS, CSS3, Bootstrap, Gulp, jQuery, JavaScript, Sass, HTML

Construtora Cardieri

http://cardieri.com.br/
construcutora Cardieri是巴西索罗卡巴的一家建筑公司. 我设计并开发了一个现代网站，这样他们就可以展示他们的建筑，讲述他们的故事. 它使用Vue等技术开发了两个月.js, Sass, Node.js, and Express.js.

Dinokiki

http://dinokiki.com
Dinokiki是我最大和最喜欢的个人项目. 它始于2014年2月，作为一种学习更多JavaScript的方式, 今天是一个互动网站，有超过3,5000 views per month. 这是一个适合所有年龄层的有趣的娱乐网站. It uses Vue.js, Sass, Node.js, and Express.js.

CSS Illustrations/Animations

我喜欢在CodePen上设计和开发CSS插图(有时是动画). 大多数是用HTML5、CSS/Sass和JavaScript/jQuery构建的.

Giulia Cardieri - Online Portfolio

http://giuliacardieri.com/
这个网站展示了我最喜欢的项目. 它是在Figma中设计的，使用CSS HTML 5实现，并专注于A11Y原则. 项目插图仅使用CSS实现.

GeoFun!

http://geofun.vercel.app/
GeoFun! 这个网站是为有兴趣了解世界各国和地理的孩子设计的吗. At GeoFun!, 用户可以使用交互式地图或探索列表来发现每个国家令人兴奋的事实. 数据来源于其他国家API (http://restcountries).com/). 所有的插图，除了地图，都是用CSS创建的.

Languages

CSS3, Sass, CSS, HTML5, HTML, JavaScript, SCSS, Hugo, TypeScript

Libraries/APIs

Flexbox, Vue, jQuery, Vue 2, Vuex, LocalStorage, Node.js, React, REST APIs

Frameworks

Bootstrap, Materialize，顺风CSS, YARN, Vanilla JS, next.js、React Native、Vuetify、Ionic、Jest、Express.js

Tools

Adobe Photoshop, Sketch, Git, Adobe Illustrator, Figma, Sublime Text, Slack, Zeplin, Gulp, NPM, Middleman, Vue CLI, Adobe Experience Design (XD)

Paradigms

UX设计，UI设计，BEM，人机交互(HCI)，定量研究，敏捷，REST

Other

CSS Grid, Progressive Web Applications (PWA), Web UX, Accessibility, A11Y, Gridsome, PWA, Chatbots, Google Material Design, App UX, Discord, Axe, User Experience (UX), User Research, Material Design, Storybook

Platforms

MacOS, Firefox, WordPress

Storage

MySQL

2017 - 2019

Master's Degree in Computer Science

卡洛斯联邦大学-巴西索罗卡巴分校

2012 - 2016

Bachelor's Degree in Computer Science

圣保罗大学- UNESP -巴西圣保罗

2013 - 2014

计算机科学专业非学位国际学生(巴西政府奖学金)

罗切斯特理工学院-罗切斯特，纽约州