Categorias

Newsletter

  • http://chocoladesign.com/wp-content/uploads/2014/04/produtividade-desenvolvimento-front-end-cover.png
    Coding

    Produtividade no desenvolvimento front-end

    Trabalho com front-end há cerca de 7 anos e, na minha opinião, não existe coisa mais trabalhosa que você ter que digitar cada caractere quando está codificando um projeto.


    No meio dessa minha trajetória encontrei ferramentas que auxiliam nessa parte trabalhosa e simplificam a vida do desenvolvedor. Nesse vídeo falo sobre algumas boas práticas, ferramentas e frameworks que fazem a gente ganhar algumas boas horas de trabalho.

    Sem mais delongas, abaixo está o vídeo falando sobre produtividade no desenvolvimento front-end e os links que mencionei no vídeo.

    Sublime

    Site oficial: http://www.sublimetext.com/
    Instalar Package Control: https://sublime.wbond.net/installation#st2

    Packages para o Sublime

    Emmet: https://sublime.wbond.net/packages/Emmet
    Foundation 5 Snippets: https://sublime.wbond.net/packages/Foundation%205%20Snippets
    Theme – Spacegray https://sublime.wbond.net/packages/Theme%20-%20Spacegray

    .row + tab
    .row*5 + tab
    .row>(.large-6.columns)+(.large-6.columns) + tab
    .row>(.large-8.columns>h1{Conteúdo}+p>lorem100)+(.large-4.columns>h3{Sidebar}+ul>li*5>a>lorem2) + tab

    Foundation

    Site oficial: http://foundation.zurb.com/
    Download do Foundation: http://foundation.zurb.com/develop/download.html
    Documentação: http://foundation.zurb.com/docs

    Componente
    Como utilizar
    Offcanvas zf-offcanvas + tab
    Topbar zf-topbar + tab
    Sidenav zf-sidenav + tab
    Subnav zf-subnav + tab
    Breadcrumbs zf-breadcrumb + tab
    Pagination zf-pagination + tab
    Orbit zf-orbit + tab
    Clearing zf-clearing + tab
    Buttons zf-button + tab
    Button Groups zf-button-group + tab
    Split Buttons zf-split-button + tab
    Dropdown Buttons zf-dropdown-button + tab
    Reveal zf-reveal + tab
    Alerts zf-alert + tab
    Panels zf-panel + tab
    Pricing Tables zf-pricing-table + tab
    Progress Bars zf-progress-bar + tab
    Accordion zf-accordion + tab
    Tabs zf-tab + tab
    Vertical Tabs zf-vertical-tab + tab

    FIQUE ATUALIZADO !

    Insira aqui o seu email para receber gratuitamente as atualizações do blog!

    I will never give away, trade or sell your email address. You can unsubscribe at any time.


    Also published on Medium.


    • Guilherme Henrique

      Bacana o artigo, parabéns.

    • luciane fernandes

      Bacana cara to com uma duvida qual é o comando que vc faz no vídeo na parte que vc arrasta a pasta ro sublime tem um comando no terminal que é “alguma coisa” “,”

    • Que loco…eu mexia com fundation mas nunca tinha usado esse Sublime ai … cara post nota 10!

    • Em que parte do vídeo, Luciane? Não consegui identificar aqui. Abs.

    • Raphael Sanches

      Primeiramente, parabéns pelo post e pelo vídeo!

      Já conhecia o sublime porém já tinha ouvido falar do foundation mas nunca tive interesse. Sensacional suas explicações e seus comentários. Espero ver mais videos como esse aqui… Hoje foi barba, cabelo e bigode.

      Like na fanpage do facebook, assinei o feed de noticia e comecei a utilizar um framework por causa do blog. Mais uma vez, parabéns!