Speaker

Fellyph Cintra

Fellyph Cintra

Web consultant and Google Developer Expert

Web consultant and Google Developer Expert

Lagos, Portugal

Actions

As a seasoned Front-End Engineer with over a decade of experience, I always seek new ways to enhance digital experiences. I love nothing more than sharing my knowledge with others, so I'm a passionate advocate for learning and community building.

Over the years, I've been lucky to be involved with tech communities worldwide. There's nothing quite like the energy of conferences and the exchange of ideas that takes place there. Over the years, I have spoken in more than 20 countries around the globe, sharing my expertise on all things front-end: CSS, performance optimization, machine learning, Progressive Web Apps (PWAs), and SEO.

In 2019, my contributions to the DEV community earned me the title of Google Developer Expert in web technologies.

Como um engenheiro front-end experiente com mais de uma década de experiência, sempre busco novas maneiras de aprimorar as experiências digitais. Não há nada que eu goste mais do que compartilhar meu conhecimento com outras pessoas, por isso sou um defensor apaixonado do aprendizado e da construção de comunidades.

Ao longo dos anos, tive a sorte de estar envolvido com comunidades de tecnologia em todo o mundo. Nada como a energia das conferências e a troca de ideias que ali acontecem. Ao longo dos anos, falei em mais de 20 países ao redor do mundo, compartilhando minha experiência em todas as coisas de front-end: otimização de desempenho, aprendizado de máquina, Progressive Web Apps (PWAs) e SEO.

Em 2019, minhas contribuições para a comunidade DEV me renderam o título de Google Developer Expert em tecnologias da web.

Area of Expertise

  • Information & Communications Technology

Topics

  • Web Development
  • Web Performance
  • Core Web Vitals
  • CSS
  • React
  • Frontend
  • WordPress
  • WordPress Development

New CSS transitions: Let´s smooth it

Let´s play around with what is new on CSS, this workshop cover exercises with scroll driven animations and smooth entry and exit animations.

Before we are going to have an introduction over the new initiatives that are helping to move forward those new features, such as, Interop and Baseline.

For the exercises we are going to build a landing page to test the Scroll driven animations and work with some new HTML tags popover and dialog for testing the new entry and exit capabilities on web UI.

What is new in CSS?

The last few years have brought many new features to CSS that open up new possibilities for designing web applications. This year at Google I\O, CSS got another special spotlight.

Let's travel in time over the CSS history to understand those changes and see how CSS is moving so fast those days.

In this talk, you'll learn how to use CSS features like container queries, scroll-drive animations, @layers, CSS @properties, and the new “:has()” selector and see how they can affect UI development.

Let's review everyday situations and see how these new features can help us.

Workshop: Web Development with AMP

This 2 hours workshop is focused on web development with AMP (https://amp.dev/).

Our initial application is a recipe website, we will convert an HTML application in an interactive AMP application and if you never used AMP before, don't worry! At this workshop we are going to start from the basics to an intermediate level.

Primally we will understand why we should use AMP and what are key points from the platform. Later we are going to do some hands-on: it means, if possible, bring your laptop to follow the excises, we will see the steps necessary to convert a regular HTML page in an AMP page and understand and use AMP components.

At the end of the workshop we are going to build our first AMP web application with interactive components.

Agenda:

1. Why AMP?
2. Requirements
3. Starting our journey
4. Validation and AMP Cache
5. Exercise 1: Using AMP Validator
6. The anatomy of an AMP Page
7. Exercise 2: Converting our HTML Solution
8. Exercise 3: First Components
9. Exercise 4: Embedding Video
10. Exercise 5: Adding Sharing Links
11. Exercise 6: Building a slide menu

Web Stories the "new" visual storytelling format for the web

The web-based version of "Stories", called Web Stories got special attention this year. A free and open-web format that blend video, audio, images, animation, and text to create engaging visual narratives now became part of the listed content on search, Google Images and Google Discovery.

Learn about how to create web stories, what are the best practices that you keep in mind and finally how to analyse your results.

Take your AMP application to the next level

Do you want to know how to read dynamic content, manage state, add user interaction and transform your AMP application into a PWA? Then you’re in the right place with this workshop!

You will learn how to create an AMP application with some advanced components and learn more about Bento AMP, the new AMP project that will change the way we work with AMP.

In this workshop we will go over the following items:

AMP project recap
AMP binding
AMP forms
AMP state
Fetching data with AMP
How to transform your AMP application in a PWA

Machine learning for mortal developers

Machine Learning is one of the most trendy things in IT world right now, a bunch of new services pop-up every single moment, large companies have started to implement different features that utilise Machine Learning(ML). But.... how mortal developers and small and medium business can effectively use machine learn to improve their solutions?

In this talk, we are going to discuss the basic concepts around ML and using high-level libraries in JavaScript to implement on our project. Described as a friendly Machine Learning library ml5.js will be our entry door to the Machine Learning world.

To wrap up the introduction journey, we will see how we can use ml5.js in a real project. As I mentioned before ml5.js is a Javascript library - the talk is focused on a front-end stack but is open for people who want to learn more about the basic concepts behind machine learning.

Let's get coding!!!

How to create your first PWA


Progress Web Apps use modern concepts of web development to deliver a fast, engaging and reliable experience. It is evolving day by day!
In this workshop we will discuss the latest features and go over the fundamentals of Progressive Web Apps. We’ll create our first App, installable, with offline support and accessing native resources such as share cards and contact information.

In this workshop we will go over the following items:
PWA intro
Dev Environment
Web App Manifest
Service Worker
Caching strategies
Workbox
Web Share API
Contact API

Fellyph Cintra

Web consultant and Google Developer Expert

Lagos, Portugal

Actions

Please note that Sessionize is not responsible for the accuracy or validity of the data provided by speakers. If you suspect this profile to be fake or spam, please let us know.

Jump to top