;(function() { window.createMeasureObserver = (measureName) => { var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`; performance.mark(`${markPrefix}-start`); return { end: function() { performance.mark(`${markPrefix}-end`); performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`); performance.clearMarks(`${markPrefix}-start`); performance.clearMarks(`${markPrefix}-end`); } } }; /** * Gerenciador de eventos */ window.gevent = { stack: [], RUN_ONCE: true, on: function(name, callback, once) { this.stack.push([name, callback, !!once]); }, emit: function(name, args) { for (var i = this.stack.length, item; i--;) { item = this.stack[i]; if (item[0] === name) { item[1](args); if (item[2]) { this.stack.splice(i, 1); } } } } }; var runningSearch = false; var hadAnEvent = true; var elementsToWatch = window.elementsToWatch = new Map(); var innerHeight = window.innerHeight; // timestamp da última rodada do requestAnimationFrame // É usado para limitar a procura por elementos visíveis. var lastAnimationTS = 0; // verifica se elemento está no viewport do usuário var isElementInViewport = function(el) { var rect = el.getBoundingClientRect(); var clientHeight = window.innerHeight || document.documentElement.clientHeight; // renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content if(el.className.includes('related-content-front')) return true; // garante que usa ao mínimo 280px de margem para fazer o lazyload var margin = clientHeight + Math.max(280, clientHeight * 0.2); // se a base do componente está acima da altura da tela do usuário, está oculto if(rect.bottom < 0 && rect.bottom > margin * -1) { return false; } // se o topo do elemento está abaixo da altura da tela do usuário, está oculto if(rect.top > margin) { return false; } // se a posição do topo é negativa, verifica se a altura dele ainda // compensa o que já foi scrollado if(rect.top < 0 && rect.height + rect.top < 0) { return false; } return true; }; var asynxNextFreeTime = () => { return new Promise((resolve) => { if(window.requestIdleCallback) { window.requestIdleCallback(resolve, { timeout: 5000, }); } else { window.requestAnimationFrame(resolve); } }); }; var asyncValidateIfElIsInViewPort = function(promise, el) { return promise.then(() => { if(el) { if(isElementInViewport(el) == true) { const cb = elementsToWatch.get(el); // remove da lista para não ser disparado novamente elementsToWatch.delete(el); cb(); } } }).then(asynxNextFreeTime); }; // inicia o fluxo de procura de elementos procurados var look = function() { if(window.requestIdleCallback) { window.requestIdleCallback(findByVisibleElements, { timeout: 5000, }); } else { window.requestAnimationFrame(findByVisibleElements); } }; var findByVisibleElements = function(ts) { var elapsedSinceLast = ts - lastAnimationTS; // se não teve nenhum evento que possa alterar a página if(hadAnEvent == false) { return look(); } if(elementsToWatch.size == 0) { return look(); } if(runningSearch == true) { return look(); } // procura por elementos visíveis apenas 5x/seg if(elapsedSinceLast < 1000/5) { return look(); } // atualiza o último ts lastAnimationTS = ts; // reseta status de scroll para não entrar novamente aqui hadAnEvent = false; // indica que está rodando a procura por elementos no viewport runningSearch = true; const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve()); // obtém todos os elementos que podem ter view contabilizados //elementsToWatch.forEach(function(cb, el) { // if(isElementInViewport(el) == true) { // // remove da lista para não ser disparado novamente // elementsToWatch.delete(el); // cb(el); // } //}); done.then(function() { runningSearch = false; }); // reinicia o fluxo de procura look(); }; /** * Quando o elemento `el` entrar no viewport (-20%), cb será disparado. */ window.lazyload = function(el, cb) { if(el.nodeType != Node.ELEMENT_NODE) { throw new Error("element parameter should be a Element Node"); } if(typeof cb !== 'function') { throw new Error("callback parameter should be a Function"); } elementsToWatch.set(el, cb); } var setEvent = function() { hadAnEvent = true; }; window.addEventListener('scroll', setEvent, { capture: true, ive: true }); window.addEventListener('click', setEvent, { ive: true }); window.addEventListener('resize', setEvent, { ive: true }); window.addEventListener('load', setEvent, { once: true, ive: true }); window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true }); window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE); // inicia a validação look(); })();
  • AssineUOL
Topo

3 conselhos de quem manja

3 conselhos de quem manja

Quer começar a programar? Três conselhos de quem manja (aos 15 anos)

Lovatto/UOL
Imagem: Lovatto/UOL

Fernando Barros

Colaboração para Tilt

20/04/2021 04h00

Você sabe o que é HTML, framework, Github, Javascript, API, back end, front end e full stack? O sergipano Marcos Henrique Dias, 15, está no caminho para dominar esse palavreado, pois cursa o primeiro ano do ensino médio e já domina algumas linguagens da programação, que ele começou a estudar quando tinha 12 anos. Ele mantém um canal no YouTube, com 4,34 mil inscritos, para ensinar o que sabe no desenvolvimento de aplicativos.

O interesse surgiu brincando. Aos dez anos, desmontava os próprios carrinhos de controle remoto para ver as peças, entender a relação entre elas e a tecnologia por trás de seu funcionamento. Dois anos depois, ganhou do pai o primeiro celular e ou a assistir a canais de tecnologia no YouTube, como o Brincando com Ideias.

Relacionadas

Truque da Duda Reis: Ouça áudios no WhatsApp sem que a outra pessoa saiba

Não liga? Está lento? Não conecta? Como resolver 3 problemas do Android

Receba notícias de Tilt em seu WhatsApp

Conheceu então o Arduino, uma plataforma para escrever códigos e desenvolver diferentes projetos. Logo estava fazendo cursos e publicando dicas no Youtube. Isso chamou a atenção de uma empresa de Sergipe, que o contratou como jovem aprendiz. Hoje, além do estágio, Dias produz um app, batizado de Mesadinha, para ensinar as crianças a lidarem desde cedo com o dinheiro de uma forma lúdica.

Veja a seguir três conselhos que ele dá para quem quer se aventurar entre códigos, comandos e linguagens da computação:

1 - Estudar e praticar

O primeiro o, diz ele, é estudar bastante e testar o que mais combina com você. "Vídeos, cursos, livros, documentações de programas são oportunidades de buscar conhecimento para quem quer entender programação."

Ele, por exemplo, mescla todas essas possibilidades, mas gosta bastante do aprendizado via cursos. Para o "dev" mirim, eles vão do básico até o mais avançado, o que permite progredir gradativamente. "É importante também praticar para ajudar a fixar e não esquecer", sugere.

2 - Manter-se atualizado

Nessa área, novas tecnologias surgem o tempo todo. Por isso, é preciso estar sempre de olho e manter-se atualizado. Vale escolher um segmento para se especializar, mas sem se privar de explorar outras possibilidades. Ele trabalha principalmente com node.js, react.js e React Native, todos ligados a Javascript, uma das linguagens mais populares do ramo.

Aqui, mais uma dica: "Quando você coloca um peso para aprender as coisas, elas ficam mais difíceis. Já quando se diverte, aprende sem nem perceber."

3 - Compartilhar conhecimento

Uma boa maneira de saber mais sobre programação é dividir o que se aprende. Para compartilhar seus aprendizados e experiências, mantém o canal do YouTube, um blog, um perfil no LikedIn e outro no Instagram.

Ele é monitorado de perto pelos pais, em todas essas redes, por conta da idade, mas faz questão de interagir com os seguidores, responder perguntas e tirar dúvidas. "Ensinar o que você sabe a outras pessoas pode inspirá-las e também te ajuda a fixar o conhecimento. Você aprende ensinando", acredita.

As mais lidas agora

Nerfar? Este guia vai te explicar as gírias jovens da internet

Reddit processa gigante da IA por uso de comentários de usuários para treinar chatbot

Julgamento do Marco Civil da Internet no STF espelha imes democráticos

3 conselhos de quem manja

Senha numérica ou biometria? Qual é mais segura? Veja dicas de quem manja

Procurando emprego? 3 dicas para ser visto pelo mercado com ajuda da web

Como escolher o melhor smartwatch para você? 3 conselhos de quem entende

Conselho de quem manja: use bem WhatsApp e redes sociais para achar emprego

Como monitorar o que as crianças fazem online? 3 conselhos de quem entende

Como pagar menos na conta de luz? 3 conselhos de quem entende

Roteador pode ser hackeado? 3 conselhos de quem manja para evitar invasões

Sem 'embromation': veja dicas de quem manja para aprender idiomas online

Curte música? Veja 3 conselhos de quem manja para fazer seu fone durar mais

Descubra se um perfil é fake no Instagram, Facebook, WhatsApp e TikTok

Quer trabalhar de casa e ganhar em euro ou dólar? Veja dicas de quem manja

Veja 3 dicas de quem manja para usar redes sociais e manter produtividade