As plataformas no code e o futuro dos programadores de HTML e CSS

Nunops
MCTW_TDW
Published in
6 min readFeb 22, 2022

Com a crescente e constante evolução da web, o desenvolvimento de websites torna-se cada vez mais complexo e procurado, pelo que é necessário desenvolver produtos com excelente nível de qualidade e torná-los disponíveis para o cliente final num curto espaço de tempo.

Como consequência, surgem no mercado cada vez mais plataformas e técnicas que abrem novas oportunidades a profissionais de diferentes áreas no desenvolvimento de websites, sem ser necessário programar uma linha de código. Será este o início do fim dos programadores de HTML e CSS?

Antes de mais, como é que um website é desenvolvido?

Existem diversas formas de desenvolver um website, sendo que as duas escolhas mais comuns são programando e usando uma plataforma no code.

Começando por explicar o primeiro método — o que requer conhecimentos de programação -, é necessário ter conhecimentos das seguintes linguagens:

  • HTML: é responsável pela estrutura e esqueleto do website. Por exemplo, parágrafos, imagens, tabelas, listas, títulos, entre outros elementos;
  • CSS: linguagem de estilização. Com CSS é possível darmos estilo e cor aos elementos HTML, assim como animá-los;
  • JavaScript: é a linguagem que permite adicionar uma camada de interatividade ao website, permitindo, por exemplo, realizar as seguintes funções: mostrar e esconder informação quando um botão é pressionado, animações, carrosséis de imagens, drop-downs interativos, entre outras.

HTML sem CSS resulta num website sem estilo, assim como HTML e CSS sem JavaScript tornam um website sem interatividade. Estas linguagens trabalham em conjunto de modo a tornar um website funcional, dinâmico e acessível a todos os utilizadores.

Por fim, todos os conteúdos disponibilizados num website são provenientes de uma base de dados que está alojada num servidor, e que por sua vez responde e satisfaz os pedidos do utilizador (por exemplo, apresentar informações acerca de um tema).

Já o segundo método — usando uma plataforma no code -, torna o processo mais rápido e simples, uma vez que não exige conhecimentos de programação, e por isso, todo o website pode ser desenvolvido apenas usando o rato do computador. Estas plataformas existentes no mercado, tanto as gratuitas como as pagas, incorporam uma quantidade enorme de funcionalidades, gerando automaticamente código HTML, CSS e JavaScript que será porteriormente reconhecido pelos browsers.

Estas plataformas incluem ainda um CMS (Content Management System) que possibilita o acesso, a edição e a adição automática de conteúdos ao website de uma forma fácil e dinâmica - ação esta que pode ser realizada pelo cliente final. Esta funcionalidade facilita ainda mais o processo de desenvolvimento uma vez que a base dados e o servidor já fazem parte do CMS previamente criado pela plataforma no code.

Mas a qualidade do produto final é a mesma?

Depende.

Quando estamos a pensar em construir um website temos que ter em conta muitos aspetos, de entre os quais o design, os elementos que compôem a página, a interatividade do layout, as animações, etc.

Nem todas as plataformas (até ao momento) incorporam features que consigam substituir funcionalidades que se tornam possíveis de implementar usando linguagens de programação.

A melhor plataforma, e que tem vindo a crescer muito nos últimos anos, sendo inclusive utilizada em diversos websites premiados pelo Awwwards (empresa mais conceituada do mundo a nível de atribuição de prémios de websites), denomina-se por Webflow.

Editor Webflow — 2022
Editor Webflow — 2022

Antes de mais, o que é ao certo o Webflow?

O Webflow é uma plataforma no code que permite construir websites únicos e interativos, desde lojas online, blogs, portefólios, entre outros, sem ser necessário escrever uma única linha de código.

Editor Webflow — 2022
Editor Webflow — 2022

Todo o processo de desenvolvimento é realizado no editor acima ilustrado, no qual incorpora diversas features, desde complexas animações e interações de conteúdos, a estilizar todos os elementos e gerir toda a camada de conteúdos de uma forma intuitiva, e que pode ser acedida, editada e adicionada por parte do cliente (por exemplo a partir de uma folha de Excel) .

Esta é uma plataforma que tem vindo a ser muito utilizada mesmo por programadores uma vez que torna o tempo de desenvolvimento significantemente mais curto e menos moroso.

Aqui podes consultar alguns dos melhores websites criados até ao momento com Webflow, todos eles premiados pelo Awwwards e CSS Design Awards:

Jomor Design Portfolio
Niccolo Miranda Portfolio

Imagina que és um designer, com poucos conhecimentos de programação, e queres construir um website para um cliente, ou simplesmente para ti… Webflow será a tua melhor escolha. Consegues construir o website em menos de metade do tempo que um programador demora, com a mesma qualidade, (ou ainda melhor), usando praticamente o rato do teu computador…

“Webflow is a tool that really gives power to the designer. With an intuitive UI, Webflow not only gives you the ability to create brilliant digital experiences but also teaches you the fundamentals of web development. The possibilities with Webflow are endless and the future with no-code tools will surely become a staple of any designer.”

Joseph Berry — Experience Designer & Awwwards Jury

Por outro lado, machine learning (um ramo da inteligência artificial que se baseia em encontrar padrões de dados de modo que sejam tomadas decisões com o mínimo de intervenção humana) tem evoluindo drasticamente o que proporciona a construção de projetos inovadores — o que é o caso do Sketch2Code.

Demonstração Sketch2Code

O Sketch2Code é um projeto (ainda em versão beta) desenvolvido pela Microsoft que permite construir um website apenas usando uma câmara e um desenho da interface do website. Ou seja, numa questão de segundos conseguimos criar um website em HTML e CSS sem escrever uma linha de programação, apenas com uma câmara e um desenho… wow!

Este projeto é mais uma evidência que as plataformas no code estão a ganhar cada vez mais popularidade e cada vez mais audiência, não só face à grande quantidade de funcionalidades que são possíveis implementar, como também devido ao facto de conseguirmos criar um website num curto espaço de tempo, sem escrever uma linha de código.

Tendo em conta o que é possível fazer através das plataformas no code, e o seu exponencial crescimento e nível de adesão, quais serão as consequências para os programadores?

Antes de mais, as plataformas “no code” apesar de estarem cada vez mais a tornarem-se populares e mesmo a serem a escolha de alguns programadores, ainda não são capazes de realizar tudo o que é possivel desenvolver com conhecimentos de programação.

Por exemplo, algumas plataformas ainda não têm a funcionalidade de os utilizadores serem capazes de se autenticarem e registarem num website, ou então, de animar objetos 3D na web usando por exemplo tecnologias como Three.js e Shaders.

Será que estas plataformas irão incluir um editor de objetos 3D nos próximos anos?!

Face a todos os exemplos e factos mencionados anteriormente, estas situações não só põe em causa os programadores que se focam maioritariamente em HTML e CSS, como também, as próprias linguagens em si.

Se é possivel através de uma plataforma no code desenvolver um website em metade do tempo e com a mesma qualidade, usando apenas o rato do computador, porquê continuarmos a escrever HTML e CSS se a plataforma o faz automaticamente?
Esta é uma das questões que cada vez mais se colocam aos programadores web de hoje em dia.

Será este o inicio do fim dos programadores de HTML e CSS?

--

--