I am a frontend developer skilled in Design System. Since 2020 I dedicated to make and maintain Style Guides of companies that I work. My main tasks are to develop components for web, to advise on accessibility and make intuitive documentation for those who consume the product.
- TypeScript
- RxJS
- Gatsby
- TypeScript
- Material UI
A static wiki website built with 2 repositories one public with the content and assets and other private wtih the code of the website.
- Angular
- Bootstrap
The proposal of this project is to teach website development through incremental achievements. Each lesson, students will learn to implement something new or improve upon existing skills. The idea is to trace the evolution of web development, starting with basic text-only pages and gradually introducing topics such as CSS, JavaScript, forms, and more.
I'm an Web Developer and I’m currently learning about:
- Design system
- Motion design
- Material Design
- Design Tokens
- Digital marketing
- Angular
- RxJS
- Web Components
My tecnology knowledges:
- JavasSript: TypeScript, React, Angular, funcional programing, Jest.
- CSS: Atomic Design, Design System, BEM, RSCSS, SASS.
- SSR: Gatsby, JSP, AMP,
- Acessibility: W3C Directives, eMag, NVDA, TalkBack, VoiceOverd.
- DevOps: Travis CI, Jenkins Pipeline, Monorepos, Webpack, Gulp.
- Google: Tag Manager, Optimize, Analytics.
- Minor knowledge: Express, SQL, Java, Orientation Object, Gimp.
I find it easy to do:
- apply accessibility
- frontend builds and modules
- CSS and your strategies (components, helpers, structure, resets...)
- functional programming
- to teach
My articles [PT-BR]:
- Web Accesssibility Implementation Model
- Accessibility articles
- JS Modules
- Teste AB
- Atomic Design
- Github and Jenkins
- TypeScript vs JavaScript
- Redux
- How a Web page works?
- Unwritten rules of React
- Java mania on JavaScript
- WCAG
- Refactoring
- Documentação de softwares para usuários
- Commponentes visuais com BEM CSS
- i18n com Angular
- Como React funciona
- Anti Pattern e Design Pattern para o paradigma Funcional + React
- TypeScriptLess
- Angular VS React
- Do not trust in developers
- Visual Components
- 🏗️ Write accessible HTML emails that work everywhere
- 🏗️ A proposal of a design system model
- 🏗️ JS Code Smells
- 🏗️ Frontend Patterns
- 🏗️ Do not replace HTML for JS
- 🏗️ Styleguide mistakes
- 🏗️ Bash
- 🏗️ CSS responsive without media
- 🏗️ AMP Render
- 🏗️ JS + TS
- 🏗️ Você não deveria se envergonhar de usar isso!
- 🏗️ Resumo Atomic Design
- 🏗️ Metodologias CSS
- 🏗️ Tipos avançados em TypeScript
- 🏗️ Proposta de processo de desenvolvimento Ágil
And these are the projects that I contributed