Partindo de um projeto Hackathon para um framework de código aberto bem-sucedido: Vladimir Kharlampidi, um desenvolvedor front-end, compartilhou sua experiência de trabalho no Framework7

Framework7 é um projeto que facilitou muito a vida de muitos desenvolvedores web, mas que ainda não foi discutido o suficiente por enquanto.

Framework7 é uma ferramenta intuitiva e fácil de usar para criar vários aplicativos móveis baseados em HTML, CSS e JavaScript. Apesar de sua singularidade e relevância, o projeto está disponível de forma totalmente gratuita. A comunidade de desenvolvedores da web tem certeza de que o projeto não tem publicidade suficiente. O maior número possível de especialistas deve conhecer o Framework7.

Vários sites, aplicativos móveis de empresas como Wappler, Thorium Builder, WFM Buddy e aplicativos governamentais são criados no Framework7.

Framework7 não é o único projeto conhecido lançado por Vladimir Hardampidi. O desenvolvedor também é conhecido como o criador do controle deslizante Swiper, que é uma ferramenta de rolagem de imagens, o chamado “carrossel de imagens”.

Antes de trabalhar em projetos Open Source (Open Source é um software com código primário aberto, que está disponível para modificações realizadas por terceiros sem violar os direitos autorais), Vladimir trabalhou como desenvolvedor front-end em diversas empresas, como: ADV, Intern Avenue, FindersCrowd, CodersRank e Optimonk. Ele implementou muitos projetos para as seguintes marcas conhecidas: Disney, Microsoft, McDonalds, Mercedes, Panasonic, etc.

Hoje vamos conversar com Vladimir Kharlampidi sobre como o projeto foi criado e quais vantagens e significado ele tem para a indústria em geral.

1. Você tem 13 anos de experiência em Open Source e desenvolvimento web, e este é o seu trabalho principal. Ao mesmo tempo, o desenvolvimento de código aberto continua sendo um hobby para muitas pessoas. Como você conseguiu passar de freelancer para trabalho em tempo integral em seus próprios projetos?

Desde o início me inspirei na criação de produtos universais, que pudessem facilitar o trabalho de muitos outros desenvolvedores. E assim que meus projetos começaram a ganhar popularidade, foi mais fácil para mim focar em meus próprios projetos de código aberto e, com o tempo, muitos desenvolvedores em todo o mundo começaram a usá-los ativamente. Mas nem sempre foi assim.

Comecei trabalhando como desenvolvedor front-end. Eu costumava trabalhar como freelancer, criando vários sites e aplicativos móveis para empresas locais. Eu costumava colaborar com ADV e Disney, para quem desenvolvia sites, jogos e aplicativos para grandes clientes, incluindo Sony, muitos bancos conceituados, várias lojas online, etc.

Também colaborei com sucesso com a premiada startup britânica conhecida como Intern Avenue, que é um serviço que conecta estudantes e graduados em busca de estágios remunerados com potenciais empregadores por meio de um sistema de avaliação baseado em dados.

Mais ou menos na mesma época, criei o Brief, que é um messenger criado para simplificar a comunicação empresarial agregando vários canais de vendas em um único lugar. Paralelamente a esse projeto, trabalhei para a empresa sueca FindersCrowd, que é um serviço de gestão eficaz de recomendações e conselhos nas organizações, e colaborei com as empresas húngaras CodersRank e OptiMonk.

2. Vladimir, você poderia nos contar mais sobre o Framework7 e como ele foi criado?

Em 2014, tomei a decisão de participar do hackathon online anual chamado Static Showdown (um fórum onde os membros trabalham juntos para resolver um problema específico em um período limitado de tempo). O foco principal era o desenvolvimento de sites, aplicativos e jogos estáticos usando apenas HTML (linguagem de marcação da Web), CSS (linguagem de renderização de página da Web) e JavaScript (linguagem de programação), tudo sem lógica do lado do servidor.

Na mesma época, o iOS 7 saiu com um novo design “plano”, que se tornou viral. Mas, apesar do sucesso e da popularidade de tal design, ainda não havia soluções semelhantes para plataformas da web. Portanto, decidi replicar a interface do aplicativo iOS usando tecnologias da web como um projeto para este hackathon.

Foi assim que surgiu a ideia do Framework7. Eu queria criar um “frame” exclusivo do futuro aplicativo da web, que inclui vários componentes visuais, como listas, janelas suspensas, painéis, botões, elementos de formulário, animações e navegação para desenvolvimento de aplicativos da web e dispositivos móveis “híbridos”. aplicações, utilizando as tecnologias web mais avançadas. O principal objetivo do projeto é simplificar e acelerar o processo de desenvolvimento web.

Naquela época, o jQuery Mobile, que é um conjunto de ferramentas para gerenciar o conteúdo das páginas da WEB, era um dos frameworks mais populares, mas mesmo assim parecia bastante desatualizado e nunca mudou para um design “plano”.

Levei cerca de 48 horas para criar a primeira versão do Framework7. E este projeto ganhou a indicação de “Favorito do Público”.

Assim que o hackathon terminou, decidi escrever um post sobre meu projeto no Hacker News para obter feedback de outros desenvolvedores e saber sua opinião pessoal. A postagem esgotou rapidamente, então decidi desenvolver ainda mais o Framework7 como uma ferramenta para criar sites e aplicativos móveis.

3. Por que os desenvolvedores gostaram tanto do Framework7? Quais são as principais vantagens dele?

O Framework7 se tornou um dos primeiros no nicho de aplicativos móveis “híbridos”. Antes, se você queria criar um aplicativo para iOS e Android, tinha que saber Swift, Kotlin ou Java e, graças ao Framework7, basta um conhecimento básico de programação web. Isso significa que até mesmo um único desenvolvedor é capaz de criar um aplicativo para iOS e Android.

É óbvio que o Framework7 economiza muito tempo e recursos para o desenvolvedor. E até mesmo um especialista novato é capaz de criar aplicativos móveis.

Apesar do projeto ter sido lançado em 2014, continuo trabalhando nele, aprimorando, modernizando e atualizando constantemente o Framework7 para atender aos mais modernos padrões web, designs atuais e estilos visuais.

Falando sobre as principais características do Framework7, a primeira, que vale a pena mencionar, é a resposta estável e rápida. Apesar do fato de que alguns pequenos bugs ainda podem aparecer, em primeiro lugar, eles são extremamente raros e, em segundo lugar, podem ser corrigidos muito rapidamente.

Há outra característica que gostaria de mencionar é a disponibilidade de documentação clara e detalhada, que contém todos os exemplos, descrições de possíveis dificuldades e suas possíveis soluções. Além disso, o Framework7 possui um Kitchen Sink visual e acessível (base de conhecimento, kits de ferramentas e definições de termos), onde você sempre pode espiar como tudo funciona e descobrir quais componentes estão disponíveis e como eles funcionam.

É por isso que o Framework7 continua sendo usado em milhares de aplicativos móveis e da web, mesmo no nível governamental. Por exemplo, foi usado para o aplicativo móvel oficial de vacinação COVID-19 durante a pandemia no Chile. Ao mesmo tempo, o site oficial do projeto (https://framework7.io) é visitado por 30 mil desenvolvedores todos os meses, e o número de visualizações de página ultrapassa 300 mil.

4. Podemos afirmar que o Framework7 ocupa um lugar significativo na indústria?

Acho que o Framework7 ocupou um lugar estável no mercado durante todo o tempo de sua existência. Recentemente, ele conseguiu o primeiro concorrente, que é a empresa Ionic. Uma enorme equipe está trabalhando nesta startup e um financiamento multimilionário foi investido nela. Mas, apesar de todas essas condições favoráveis, a empresa concorrente tem muito menos componentes de UI (interface do usuário) disponíveis.

A versão mais recente do Framework7 já implementou a versão mais recente do design do Material You para dispositivos Android, ao contrário do Ionic mencionado anteriormente. As vantagens do Framework7 também são percebidas por muitos desenvolvedores que trabalham com duas plataformas de software. Segundo eles, o Framework7 tem um componente visual muito melhor e a implementação de muitas funções essenciais.

5. Quais são seus planos futuros?

Pretendo continuar desenvolvendo meus projetos. Existe também a ideia de criar um construtor de aplicações móveis, onde não são necessários conhecimentos de programação, a chamada solução sem código. Nos últimos anos, a demanda pelo conceito de “Low-code” tem crescido, então tal projeto não será apenas útil, mas também relevante.