Posts da Tag: Educação - Blog da TreinaWeb

Acessibilidade e User Experience (UX)

O que há de novo na plataforma da TreinaWeb? Conheça as novas funcionalidades!

Olá Web Developers! Vamos conhecer o que há de novo na nova plataforma da TreinaWeb que acabamos de lançar. Esperamos que essas novas funcionalidades melhorem sua experiência e auxilie nos seus estudos.

Tema Claro e Escuro

Hoje em dia é comum a opção de temas nas mais variadas aplicações, então obviamente não poderíamos deixar de fora essa função. No topo direito você tem o ícone de sol/lua que permite alternar entre os temas.

Alteração de tema do sistema da treinaweb

Redimensionando o espaço do conteúdo de um curso

Criamos um contêiner para o conteúdo das aulas. Ele altera de tamanho de acordo com o espaço disponível, mas você também pode redimensioná-lo manualmente. Para isso pressionar a tecla R do seu teclado para redimensionar. Uma borda abaixo da barra de ferramentas do conteúdo vai aparecer, o que te permitirá alterar a altura do conteúdo.

Redimensionando o tamanho do conteúdo das aulas da TreinaWeb

Trabalhando em Modo Teatro e Trocando o Lado da Lista de Aulas

O Modo Teatro já existia na versão anterior da plataforma da TreinaWeb. Ele pode ser ativado para ocultar a lista de aulas. E você pode conseguir isso tanto clicando no botão mostrado na animação abaixo quanto pressionando a tecla T.

Selecionando o modo teatro nas aulas da TreinaWeb

Além disso, você também pode mudar o lado da lista de aulas com o atalho Shift + T ou indo na tela de configurações.

Escolhendo o lado da lista de aulas

Trabalhando sem distrações no modo Tela Cheia

Antes apenas os vídeos entravam em tela cheia. Agora todos os conteúdos do curso podem ser utilizados nesse modo, como apostilas, exercícios, desafios de código, etc, te ajudando a estudar sem nenhuma distração. Essa funcionalidade fica no canto direito da barra de ferramentas do conteúdo da aula. Você também pode entrar e sair da tela cheia pressionando a tecla F.

Toda a navegação e funcionalidades estão disponíveis nesse modo. Isso significa que você pode fazer coisas como ocultar a lista de aulas ou mudá-la de lado, como vimos anteriormente.

Além disso, no modo tela cheia a barra de ferramentas também recebe o botão para mudar o tema do sistema, te permitindo trocar de tema sem ter que sair da tela cheia.

Modo tela cheia das aulas

HTML5 e CSS3 - Desenvolvimento web Avançado
Curso de HTML5 e CSS3 - Desenvolvimento web Avançado
CONHEÇA O CURSO

Alteração do tamanho da fonte

Como pode ser visto na imagem anterior, os conteúdos que possuem texto agora possuem uma barra de ferramentas logo abaixo. Nela temos dois botões com lupas à esquerda, onde você pode controlar o tamanho da fonte do texto. Isso está presente tanto nas aulas em texto quanto nos exercícios.

Caso se pergunte porque o texto não ocupa todo o espaço disponível em cada linha, isso é porque esse tamanho permite uma leitura mais eficiente e rápida, impedindo que o leitor se perca ao mudar de linha.

Com isso você poderá ter um leitura mais confortável.

Escolhendo o tema dos editores de código

Todos os lugares em que você precisa escrever um código, seja nos desafios de código ou no suporte, possuem um editor de código com suporte a centenas de linguagens. E você também pode escolher o seu tema preferido. Agora são mais de 25 opções entre temas claros e escuros.

Editor de Código da TreinaWeb

Para selecionar um tema, basta ir até a tela de configurações, que fica no menu lateral à esquerda da tela.

Tela de configurações do painel da TreinaWeb

O atual tema padrão é o do Github. Se me permite algumas indicações, eu gosto muito dos temas Monokai (igual ao do Sublime Text), Dracula e Tomorrow Night Blue.

Visualizando cursos e formações por tabelas

Na imagem anterior, da tela de configurações, no lado esquerdo tem a configuração de Cursos e Formações. Ali você pode escolher se quer visualizar os cursos e formações da forma como foi mostrada no começo deste Post ou se você quer ver no formato de tabela.

Lista de cursos em formato de tabela

Então, fique a vontade para usar o que mais te agrada.

Telas de cursos e formações customizadas

Tanto na tela de cursos quanto na tela de formações temos os filtros que te facilitam encontrar algum curso. Agora você também pode manter esses filtros salvos ativando o ícone da tachinha.

Deixando os filtros dos cursos da TreinaWeb salvos

Dessa maneira você terá uma tela mais customizada, apenas com os cursos da categoria ou status do seu interesse. Você também pode, por exemplo, favoritar alguns cursos/formações e definir para exibir apenas os seus favoritos.

Angular - Tópicos avançados
Curso de Angular - Tópicos avançados
CONHEÇA O CURSO

Compartilhamento de Certificados nas Redes Sociais

Dentro de um curso temos agora a aba Certificado. Nela você pode visualizar o seu certificado do curso selecionado, mandar imprimir e fazer download.

Tela de compartilhamento de certificados

À esquerda temos botões para compartilhamento nas redes sociais. E não se preocupe com seu CPF! Nossos links de compartilhamento permitem que apenas você possa vê-lo, então outras pessoas não terão acesso a ele.

Como prova, veja o meu certificado da imagem acima clicando no link abaixo:

https://www.treinaweb.com.br/certificado/77Y17H8R.html

Envie suas dúvidas sobre códigos com mais conforto

Na tela de suporte, ao perguntar ou responder sobre um código, antes você tinha que escrever com a sintaxe do Markdown. Isso fazia muitas pessoas esquecerem de definir qual a linguagem do código, atrapalhando um pouco a leitura. Agora você tem um editor de código com suporte a várias linguagens.

Editor de código no suporte da TreinaWeb

Dessa maneira você poderá escrever seu código diretamente no editor de mensagem, alterá-lo e ter uma prévia de como outras pessoas irão visualizá-lo. Com um código bem formatado e com highlight da sintaxe da linguagem certa todos terão mais facilidade em entender seu código e te ajudar.

Visualizar imagens

Tanto nos cursos quanto na tela de suporte há imagens para facilitar uma explicação. Porém, muitas vezes essas imagens são grandes e precisam mostrar detalhes importantes.

Acontece que imagens gigantes na sua tela atrapalham a leitura. Então limitamos o tamanho das imagens para caberem na sua tela, e você pode clicar em qualquer uma e utilizar a rodinha do mouse para aumentar/diminuir o tamanho. Clicando e arrastando você também pode mover a imagem.

Redimensionando imagens nos conteúdos da TreinaWeb

Caso você esteja em um dispositivo móvel, o zoom na imagem pode ser feito com o gesto de pinça (aquele gesto para dar zoom nas coisas).

Com isso esperamos que sua experiência de leitura ou com visualização de imagens muito grandes melhore.

Copiar URL de uma aula e tempo de vídeo

Ao ter dúvida sobre uma aula, enviar o link dela pode facilitar ao instrutor entender em que aula surgiu sua dúvida. Caso a aula seja um vídeo, você pode clicar nele com o botão direito do mouse. Então você terá tanto a opção de copiar a URL da aula quanto copiar a URL da aula no exato momento do vídeo. Assim o instrutor, ao acessar a aula, terá o vídeo iniciado exatamente no instante que você teve a dúvida.

Menu do Player de Vídeo das aulas

UX/UI - Introdução
Curso de UX/UI - Introdução
CONHEÇA O CURSO

Atalhos do Player de Vídeo

Ainda nos vídeos, ao clicar com o botão direito você verá a opção de Atalhos de Teclado. Lá você verá todos os atalhos do Player que podem te ajudar. (Dica extra: os atalhos são os mesmos do YouTube, então você vai poder aproveitar em mais de um lugar 😀 )

Menu do Player de vídeo com atalhos de teclado

Anotações

Agora você pode criar anotações nas aulas para melhorar os seus estudos. Elas estão disponíveis tanto nas apostilas quanto nos vídeos. Além disso, nos vídeos você também pode selecionar o momento em que uma anotação deverá ficar.

Criando anotações nas aulas da TreinaWeb

Abaixo do conteúdo da aula tem a aba Anotações, que irá listar as anotações da aula selecionada. Caso você esteja em um vídeo, essa anotação também terá o tempo em que a anotação foi feita. Dessa forma você poderá clicar no tempo, permitindo que você pule para aquele momento no vídeo. Como resultado você vai facilmente poder encontrar um determinado conteúdo dentro do vídeo.

Se nenhuma aula estiver selecionada, a aba de anotações irá listar todas as anotações que você fez durante o curso.

Cards nos Vídeos

Inspirado no Player do YouTube, agora também temos os Cards. Eles serão usados para complementar o conteúdo que está sendo exibido no vídeo. Por exemplo, poderemos compartilhar com mais facilitadade arquivos para download, links ou posts do nosso blog.

Visualizando conteúdo dos cards nos vídeos do AvMakers

Dessa forma esperamos que os conteúdos fiquem ainda mais ricos.

Explore e mande seu feedback

Ainda há várias funcionalidades no nosso novo ambiente de ensino, e ainda estamos criando várias outras. Porém o mais importante para continuarmos melhorando sua experiência é a sua opinião. Portanto, envie-nos pelo Reportar ou deixe aqui nos comentários o que achou das novas funcionalidades, o que não gostou, o que sente falta, etc. Ficaremos felizes em receber suas sugestões.

Opção de Reportar problemas

Desenvolvedor React
Formação: Desenvolvedor React
O React é utilizado por várias empresas em suas aplicações por sua simplicidade e poder, como Facebook, Instagram, Whatsapp, Netflix e DropBox. Nesta formação veremos todo poder desta biblioteca tão poderosa.
CONHEÇA A FORMAÇÃO

Estudos

Vale a pena estudar a distância?

Hoje em dia podemos ver vários cursos na plataforma EAD, sejam cursos livres, de extensão, até mesmo de graduação, MBA e pós-graduação. Inclusive, algumas faculdades disponibilizam seus cursos universitários das duas formas: presencial e EAD. A facilidade do acesso à internet em casa fez com que essa comodidade fosse possível.

Sabia que você pode estudar com qualidade da mesma forma que estudaria em um curso presencial?

RegEx - Expressões Regulares
Curso de RegEx - Expressões Regulares
CONHEÇA O CURSO

Por que estudar a distância?

Nos tempos de hoje, temos que fazer o possível para nos destacarmos como profissionais. É muita gente no mercado, mas muitas encontram-se desatualizadas e por isso muitas vagas acabam não sendo preenchidas.

Também temos o fator de termos uma rotina corrida com uma agenda toda para ser cumprida, ainda mais os que possuem uma casa e filhos para cuidar. Ter o compromisso de se deslocar todos os dias para uma faculdade ou um curso livre acaba fazendo com que a pessoa desista no meio do caminho ou até mesmo antes de começar, pois acaba sendo difícil dedicar um tempo específico para o estudo presencial.

Pessoa com dúvida sobre ead ou presencial

R - Introdução ao Machine Learning
Curso de R - Introdução ao Machine Learning
CONHEÇA O CURSO

Com essas limitações, acaba-se falando muito no ensino a distância como uma opção. Já que com o ensino a distância você pode ter seu próprio ritmo de estudos e estudar na hora que puder, seja a qualquer hora do dia ou aos finais de semana.

Apesar de termos uma vasta opção de cursos nessa modalidade, ainda há um certo preconceito sobre cursos EAD. Muitas pessoas acham que não se iguala a um presencial, que não é bom, que não terá suporte do professor, dentre outros fatores.

Mas um curso EAD pode sim ter a mesma qualidade de um presencial, além de que a maioria tem o suporte com o professor, podendo tirar dúvidas. Por exemplo, um curso de graduação EAD geralmente tem fóruns onde os alunos do mesmo curso podem trocar ideias, além de que eles também podem criar um grupo da sala no Facebook se quiserem. O importante é que você adquira conhecimento independente da forma.

É claro que nem tudo são mil maravilhas. Apesar da comodidade, um curso EAD exige muito mais disciplina que um curso presencial e você deve ter um comprometimento consigo mesmo. Não pense que só porque é a distância que tudo será mais fácil. Não adianta ir passando as aulas, “colar” nos testes apenas para obter o certificado.

Lembre-se que mais importante que o certificado é o conhecimento e é com ele que você terá melhores oportunidades no mercado. Imagine você em uma entrevista para a vaga de desenvolvedor Java, onde te dão uma prova prática para ser executada. Você ter o certificado mas não conseguir realizar a tarefa não adiantará em nada. Por isso, valorize o conhecimento que você obterá em cada módulo do curso e sane suas dúvidas sempre antes de avançar, dessa forma você terá um aproveitamento bem melhor.

A junção da escolha de uma boa escola/faculdade EAD e do seu comprometimento e dedicação tende só a render bons frutos.

Desenvolvedor Front-end
Formação: Desenvolvedor Front-end
HTML, CSS e JavaScript são a base de toda a web. Tudo o que você está vendo aqui agora depende deste tripé. Nesta formação vamos iniciar aprendendo lógica. Em seguida veremos todos os aspectos do HTML, CSS e JavaScript. Por fim, aprenderemos Sass, Google Analytics, empacotar nossas aplicações com Webpack, criação de aplicações Desktop com Electron, UX/UI e uma introdução aos frameworks mais utilizados no mercado: Angular, React, Vue e Ember.
CONHEÇA A FORMAÇÃO