Felipe Bernardes
Verified Expert in Engineering
Responsive UI Developer
Felipe是一名熟练的前端和UI开发人员,对UX以及创建和实现下一代用户界面充满热情. 他在前端开发方面的专业知识是基于对HTML核心概念的广泛理解和实践, CSS, and JavaScript; he has been following these technologies over the past five years, always keeping up to date. He believes that developers, more than lines of code, must always deliver value.
Portfolio
Experience
Availability
Preferred Environment
Docker, Slack, Git, Webpack, Visual Studio Code (VS Code), Oh My Zsh, React, SCSS, iTerm2
The most amazing...
...我参与的一个项目是一个网络应用程序,帮助儿童和青少年癌症患者和他们的医生通过跟踪他们的症状来改善他们的治疗.
Work Experience
Senior Front-end Developer
J&J BabyCenter (via Toptal)
- 拥有BabyCenter前端代码库的维护和发展,以及使用PWA等最新技术的新项目的实现, React/Hooks, GraphQL, and Next.js.
- 与GTM、AWS和Snowplow/Google Analytics等服务进行第三方集成.
- Implemented a modern image optimization framework, including features like lazy-loading images, optimized image sizes and formats, fallback images, smooth UI/UX user transition, and graceful error handling.
- 监督产品发布,查看日志,并确保一切顺利交付给最终用户.
- Researched, identified, and wrote front-end optimization backlog stories.
- 提供维护和改进遗留代码库(基于Java和PHP技术),同时将它们转换为新领域, new codebase based on React, Node.js, Next.js, Apollo, and GraphQL.
- Performed Google Core Web Vitals optimizations around FCP, CLS, and other new metrics for SEO and performance.
- Implemented pixel-perfect, from Sketch and Zeplin designs to React, HTML, and CSS using Styled Components, SCSS, and Material UI.
Senior Front-end Developer | Email Template Implementation
Obmedia.com, LLC
- Implemented around 60 email templates, from design to pixel perfection, over the course of six months, including CSS pixel perfection implementations, responsive emails, eventual corner-cases fixes specific to the device and clients' email.
- 使用EmailOnAcid专业测试工具在各种设备和电子邮件客户端上测试我的实现,以确保最佳覆盖率. Also, fixed eventual corner cases specific to devices and/or email clients.
- 预期实现限制(与特定的电子邮件客户端和/或设备相关),并与设计团队协调,在设计和实现之间找到最佳的基础, while keeping the largest device and email client coverage.
Senior Front-end Developer
Translucent Computing
- 为儿童和青少年癌症患者和他们的医生开发了一个用户友好的网络应用程序, helping them keep track of the status/symptoms, providing them insights for better treatment. Technologies included JavaScript (ES6), Chart.js, and WordPress.
- 创建了一个用于零售或个人对个人交易和转售的汽车估值iOS原生应用,从Sketch的UI设计到Swift的实现.
- Refactored old web apps which had JavaScript files of more than 2,000 lines of code, solved uncaught bugs, and improved the app's maintainability.
- 建议并领导每周的闪电技术会谈,以鼓励开发人员之间的知识共享.
Independent Developer
Freelancer Web Developer
- Served as a front-end freelancer developing web and mobile apps.
- 设计和开发我自己的个人网站,从草图到像素完美的实现.
- 为拥有最新JavaScript技术和良好实践的现代化团队提供现场速成课程.
Full-stack Web Developer
Tegra
- 参与超过11个不同的项目,包括财务部门, retail, eCommerce, and events, from the start through shipping and maintenance.
- Developed GO, a product made by Tegra. Besides coding, 我已经在其客户端实现了该产品,并在GO的移动应用程序的概念中担任UI设计师. Technologies used include Angular, NativeScript, Vue.js, Java, and C#.
- Founded and contributed to Tegra OSS organization's projects on GitHub.
- Structured and developed the internship program and trained interns. In my time there, I trained six interns and hired four of them, which turned out to be great developers nowadays.
- Implemented Scrum best practices on development teams, teaching and improving the company Scrum activities.
- Directly managed our interns, from onboarding through their projects, on daily meetings, weekly plannings, code reviews, and performance reviews.
Front-end Developer
Going2 Mobile
- Designed and coded Carrorama's website. Carrorama is the main app of Going2 Mobile.
- Created rich UI prototypes for mobile apps using Sketch and Photoshop, maintaining and evolving the design guidelines.
- 在两个项目中实现并管理了DoubleClick for Publishers-DFP(前Google Dart),并在另外三个正在进行的项目中管理和增强了它.
- 重构了前端项目中的许多API调用,使它们更快,并为用户提供无阻塞的体验.
- 在Google Blog和Google Academy学习了DFP(双击出版商)的最佳实践.
- Set up and improved header bidding on DFP following best practices.
Experience
Felipe Bernardes | Personal Website
http://felipebernardes.github.io/iDS App
http://ids.med.br/App Store link: http://apps.apple.com/in/app/ids-instituto-de-diagn%C3%B3sticos/id1459203039
GO - Retail Operations Management (Mobile and Web App)
I was part of the concept & development team of the app, and acted as a frontend and mobile developer. Besides this, I also implanted the product on client's operations, following up users and improving the product UX.
Tegra Website
http://tegra.com.br/Eduqa.me Website
Eduqa.me is a Brazilian startup on children education area. 他们的产品是一个网络应用程序,帮助学校负责人了解学校教育/活动的进展情况, 一个强大的工具,教师分享他们最好的课程和活动在学校. The app also follows up on each child educational development.
SorocabaCSS Website
http://sorocabacss.github.ioBesides developing the website, I'm part of the meet up organization.
We always seek to create inclusive, 邀请聚会,通过提供所有技术级别的培训和讲座,帮助人们了解前端开发.
Carrorama Website
http://carrorama.net/使用的技术/工具包括DFP,标头投标,SCSS, Bootstrap和Sketch
PagFarma Mobile and Web App (1st place @ GS1 Brazil Hackathon)
http://github.com/mikemajesty/PagFarma-WebBesides designing and developing, I also presented and pitched the product.
您可以在GitHub项目存储库中查看屏幕截图和代码.
Abroad (Indoor Location Web App)
http://github.com/mikemajesty/HackZurich-Project它是为了帮助自然灾害的恢复和寻找幸存者而开发的, but can also be used as an indoor marketing tool.
We developed this webapp in 48h at 2016 edition of HackZurich, the biggest EU hackathon, alongside 600+ other people.
CodePen UI/Front-end Experiments
There, you'll find my animations, UI snippets, and typography experiments.
Tech Speaker
http://speakerdeck.com/felipebernardesYou can check out my talks at my speakerdeck page.
Interviewer at Por Trás do Código
http://www.youtube.com/channel/UCf-FTIykTxE4UInzUS5Kv9QThere, 我们采访技术领域的专业人士,根据受访者的个人和职业生活经验,为观众带来创造性的见解.
Writer and Translator at EntryLvl
http://github.com/entrylvl我们为编程新手和没有经验的人创建和翻译(从英语到巴西葡萄牙语)入门级内容.
我们的目标是让不会说英语的巴西人更容易获得知识.
Skills
Languages
SCSS, HTML, ES7, Markdown, Pug, Sass, CSS, JavaScript, ECMAScript (ES6), Swift, Java, C#, PHP, GraphQL, SQL, Python
Frameworks
Frameworkless, Ionic, AngularJS, Materialize, NativeScript, YARN, Vanilla JS, Bulma, Bootstrap, Express.js, Angular, React Native, Django, Koa, Hapi.js, Spring, Next.js, Material UI
Libraries/APIs
React, LocalStorage, HTML5 APIs, Chart.js, Flexbox, jQuery, DFP API, Web Audio API, HTML5 Canvas, Node.js, Vue
Tools
Zsh, Atom, NPM, Gulp, Sketch 3, UX Tools, Git, Litmus, Sequelize, Webpack, Photoshop CC, ITerm, Slack, Babel, Jenkins, Subversion (SVN), Email on Acid, Adobe Experience Design (XD), Oh My Zsh
Paradigms
Responsive Web Design (RWD), Agile, DRY, Continuous Delivery (CD), Continuous Integration (CI), Functional Programming, Scrum, Unit Testing, Domain-driven Development, Object-oriented Programming (OOP)
Platforms
iOS, MacOS, Linux, Docker, WordPress, Mailgun, Heroku, Visual Studio Code (VS Code)
Other
HTML5 Animations, Header Bidding, Pixel Perfect, Sketch to HTML, Progressive Web Applications (PWA), CSS3 Animation, Google Material Design, CSS Grid, Mobile First, Responsive UI, User Experience (UX), Front-end Development, HTML Email, Email Templates, Monitoring, React Hooks, Email Markup, Email Coding, PSD to HTML, Apollo, Styled-components, iTerm2
Storage
PostgreSQL, MongoDB, SQLite, MySQL
Education
Technologist in Information Systems
Fatec Sorocaba - Sorocaba, Brazil
Specialization in Front End Development
Caelum - Sao Paulo, Brazil
Certifications
Front-end Specialist
Caelum
How to Work with Toptal
在数小时内,而不是数周或数月,我们的网络将为您直接匹配全球行业专家.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring