Blog SW9

Desenvolvimento Web e Híbrido na prática.
Tome um café, concentre-se, codifique. (งツ)ว

Como se conectar ao google drive e one drive via CodeAnyWhere? | SW9

Como se conectar ao google drive e one drive via CodeAnyWhere? | SW9

Olá a todos. Sejam bem vindos ao Canal e Blog SW9 (http://blog.sw9.com.br)

Neste quinto vídeo da série, Como se conectar ao google drive e one drive via CodeAnyWhere, vou mostrar passo a passo como criar uma conexão com o Google Drive e na sequencia como criar uma conexão com o Microsoft One Drive.

[O que veremos neste vídeo?]

Neste Post vou explicar passo a passo como criar uma conexão com o Google Drive, na sequencia uma conexão com o Microsoft One Drive e como Bônus explicarei rapidamente como usar o recurso Color Picker do CodeAnyWhere.

Como vimos nos vídeos anteriores, o CodeAnyWhere possui várias opções de conexão se comparado ao serviço Cloud 9.  A partir do CodeAnyWhere é possível estabelecer uma conexão FTP com seu WebHost, realizar uma conexão SSH, se conectar ao Git ou BitBucket e também se conectar aos repositórios de arquivos Google Drive e Microsoft One Drive.

Veremos na sequencia como realizar uma conexão com o Google Drive.

[Conexão Com Google Drive]

O procesos de conexão é bem simples.  Você vai precisar logar no serviço CodeAnyWhere e com a sua IDE de desenvolvimento aberta vai precisar clicar com o botão direito do mouse no nome do seu projeto (localizada do lado esquerdo da sua IDE).   Em seguida deve selecionar a opção [New Connection] -> Google Drive e abrirá a tela a seguir:

Conexão Google Drive

O próximo passo é clicar no botão [ADD YOUR GOOGLE DRIVE ACCOUNT], informar o seu Login da conta Google Drive e pronto :-).  O CodeAnywhere estará conectado ao seu Google Drive e a lista de arquivos aparecerá no lado esquerdo de sua IDE.   Agora será possível gerenciar seus arquivos e editar o código fonte de seus projetos.

[Conexão Com Microsoft One Drive]

O processo é bem parecido com o que vimos anteriormente. Você vai precisar logar no serviço CodeAnyWhere e com a sua IDE de desenvolvimento aberta vai precisar clicar com o botão direito do mouse no nome do seu projeto (localizada do lado esquerdo da sua IDE).   Em seguida deve selecionar a opção [New Connection] -> OneDrive e abrirá a tela a seguir:

Conexão Microsoft One Drive

O póximo passo é clicar no botão [ADD YOUR ONEDRIVE ACCOUNT], informar o seu Login da conta One Drive e pronto :-).  O CodeAnywhere estará conectado ao seu repositório One Drive e a lista de arquivos aparecerá no lado esquerdo de sua IDE.   Agora será possível gerenciar seus arquivos e editar o código fonte de seus projetos.

[Bônus – Color Picker]

Para concluirmos o Post  de hoje, vou mostrar como funciona o recurso ColorPicker disponível no CodeAnywhere.

Você costuma trabalhar com CSS em seu projeto? Já teve dificuldades em encontrar os códigos das cores (seja em HexaDecimal ou RGB) para utilizar em propriedades do tipo background-color, color, etc?  Então, com certeza, você achará este recurso bem útil.

O recurso Color Picker pode ser ativado clicando ao mesmo tempo nas teclas (CTRL + ALT + K) caso esteja usando um PC ou então as teclas (CMD + ALT + K) se estiver usando um Mac.

Após ativar o Color Picker, será aberta uma tela onde você poderá navegar entre as cores, escolher entre representação Hexadecimal ou RGB e selecionar a cor desejada.  Segue exemplo abaixo:

CodeAnyWhere - Color Picker

Durante o vídeo deste Post, eu vou criar um Container com o Template Angular, editar um arquivo CSS incluindo o código abaixo:

div { background-color:  }

Na sequencia, vou ativar o Color Picker e selecionar a cor desejada para o background-color da tag DIV.

div { background-color: #000; }

Aprenda HTML 5 e CSS 3

Comece a criar Sites Com o Melhor do HTML 5 e CSS 3
Curso Relacionado

[Conclusão]

Um resumo do que vimos hoje no vídeo [Como se conectar ao google drive e one drive]: expliquei passo a passo como conectar o CodeAnyWhere no Google Drive e no Microsoft One Drive e finalizei o Post apresentando o recurso Color Picker.

Bom, por hoje é só. Aproveitem o vídeo e bons estudos.

Para quem quiser fazer o download da apresentação (Primeiro Vídeo da Série), basta clicar no link [Quero Ter Acesso a Área de Downloads], informar o seu melhor e-mail e automaticamente você terá acesso ilimitado na minha área de downloads. Bom divertimento :-)

Espero que gostem deste vídeo. Aproveito para pedir a participação de vocês no canal e blog, curtindo, compartilhando, dando sua opinião e se inscrevendo no canal e blog para receber as novidades em primeira mão.

Fiquem com Deus e até o próximo vídeo.

[Links úteis]

Curso Relacionado: [Aprenda HTML 5 e CSS 3 e Comece a Criar Seus Próprios Sites]

CodeAnywhere: https://codeanywhere.com/

Área de Downloads: http://blog.sw9.com.br/acesso-area-de-downloads/

Meu Blog: http://blog.sw9.com.br

Meu GitHub: https://sw9brl.github.io/MyGitHubPage

Canal youtube: https://youtube.com/+sw9brl

Link do vídeo: https://youtu.be/FJbL_DDr7YM

PlayList Cloud 9: PlayList da Série Anterior Aqui

Parceria: https://www.tubebuddy.com/pricing?a=sw9brl

✔ Clique em gostei ✔ Compartilhe ✔ Inscreva-se

Tópicos Relacionados

Deixe um comentário

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Paulo Eduardo
Geek desde criança, sempre me interessei por games, filmes e tecnologia. Sou graduado em engenharia da computação pela PUC Campinas. Possuo mais de 15 anos de experiência em desenvolvimento, com foco maior em desenvolvimento web, gestão de times e mais recentemente desenvolvimento mobile utilizando HTML e Javascript.

Termos como #backend, #frontend e #fullstack fazem parte do meu dia a dia.

Não deixe de acompanhar meu blog, canal youtube e meus produtos digitais.

Divirta-se e bons estudos. :-)
Paulo Eduardo on sabyoutubePaulo Eduardo on sabinstagramPaulo Eduardo on sabgithubPaulo Eduardo on sabfacebook
✌(◕‿-)✌ Tempo Limitado - Tenha acesso a nossa área de DownloadsClique Aqui - É Grátis
How to whitelist website on AdBlocker?