<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Cibele Santos</title>
    <description>The latest articles on DEV Community by Cibele Santos (@cibsantos).</description>
    <link>https://dev.to/cibsantos</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F632821%2F455eeaca-919a-4b02-b907-2d0eebc23697.jpeg</url>
      <title>DEV Community: Cibele Santos</title>
      <link>https://dev.to/cibsantos</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/cibsantos"/>
    <language>en</language>
    <item>
      <title>Você nāo está começando do zero !!</title>
      <dc:creator>Cibele Santos</dc:creator>
      <pubDate>Mon, 10 Oct 2022 23:52:29 +0000</pubDate>
      <link>https://dev.to/cibsantos/voce-nao-esta-comecando-do-zero--456o</link>
      <guid>https://dev.to/cibsantos/voce-nao-esta-comecando-do-zero--456o</guid>
      <description>&lt;p&gt;Assim como todo mundo ao fazer uma transição de carreira, tinha esse sentimento de "Vou começar do zero", demorei um pouquinho para entender que isso nāo era verdade.   &lt;/p&gt;

&lt;p&gt;Contando um pouco da minha história e contextualizando onde quero chegar, me formei em Gestāo Comercial, era e sou apaixonada por vendas(pasmem, todo mundo tem um pouco de vendedor, principalmente nós desenvolvedores, precisamos sempre "vender" nosso trabalho, uma feature, uma ideia nova e etc). &lt;/p&gt;

&lt;p&gt;Era executiva de contas em uma distribuidora farmacêutica, porém sentia minha carreira estagnada, decidi entāo cursar Gestāo em Tecnologia da Informaçāo.   Na primeira graduaçāo havia conhecido Big Data , CRM e dados, decidi entāo que iria migrar para área de analise de dados, ao conhecer front-end, me encontrei e percebi que nāo estaria começando do zero e que minha experiência em vendas poderia agregar em minha nova carreira. &lt;br&gt;
  &lt;br&gt;
Programar pode ter algumas definições como, desenvolver soluções, criar ideias, mas no fim tudo está centrado no cliente e atender/resolver uma necessidade ou problema, vendas nāo é diferente, o centro de uma venda é atender ao cliente, entāo minha experiência na analise da necessidade do cliente, me ajuda e agrega a desenvolver pensando no usuário, na sua necessidade e melhor experiência. Entāo além dos meus conhecimentos técnicos adquiridos em minhas entrevistas de emprego e mais do que isso, na minha rotina de trabalho, sempre trago a bagagem de entender e atender o cliente e suas necessidades.   &lt;/p&gt;

&lt;p&gt;Se posso deixar aqui dicas para quem quer ou está pensando em migrar de área é: &lt;/p&gt;

&lt;p&gt;  1 - Você nāo está começando do zero, tente trazer essa bagagem de conhecimentos para carreira que quer alcançar(e isso vale para qualquer área nāo necessariamente apenas TI).   2 - Quer iniciar na programaçāo, mas nāo sabe pode onde? Procure entender áreas possíveis para atuar, como backend, front-end e mobile.&lt;br&gt;
  3 - Independente de qual área escolheu, comece aprendendo lógica de programaçāo, é a base para te tornar um excelente profissional (eu sei, eu entendo a necessidade e ansiedade de colocar a ˜māo na massa˜ e sair comando todas as suas ideias, mas nāo pule etapas).   &lt;br&gt;
4 - Após entender a lógica, procure linguagens de programação da área que escolher(backend, front-end, mobile), minha dica é: tente entender o mercado, veja quais linguagens estāo em alta, que possuem mais vagas de emprego  .&lt;br&gt;
5 - Estude, youtube, udemy e outras plataformas tem cursos gratuitos.  &lt;br&gt;
6 - Pratique, procure exercícios, monte um portfólio.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Dica bônus: &lt;/strong&gt;&lt;br&gt;
Nāo caia na ideia que você ficará milionário em TI, os salários sāo atrativos sim, porém nāo é fácil, entāo só faça se realmente gostar, virar madrugada resolvendo algum bug, ter prazos apertados em sprints(se acostume com o termo), pressāo na entrega, sāo coisas rotineiras de um dia a dia de desenvolvedor.   Mas calma, nāo quero te assustar, apenas mostrar que como em qualquer outra profissāo nem tudo sāo flores, mas caso mesmo assim quiser continuar, bem vindo(a) a esse lado da força, desde o primeiro dia de minha transiçāo de carreira tenho a certeza que fiz a escolha certa. &lt;br&gt;
  &lt;br&gt;
&lt;strong&gt;Dica bônus 2:&lt;/strong&gt;&lt;br&gt;
 Você nunca vai se sentir pronto o bastante para o mercado de trabalho, sempre vai bater uma insegurança ao se candidatar para uma vaga, mas seja real sobre seus conhecimentos, mostre o que construiu com seu portfólio e que estará disposto(a) a aprender e nāo esqueça…  &lt;/p&gt;

&lt;p&gt;&lt;em&gt;&lt;strong&gt;Você nāo está começando do zero !!!&lt;/strong&gt;&lt;/em&gt; &lt;/p&gt;

</description>
      <category>programming</category>
      <category>front</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Storybook - Organizando seus widgets</title>
      <dc:creator>Cibele Santos</dc:creator>
      <pubDate>Mon, 05 Jul 2021 11:16:47 +0000</pubDate>
      <link>https://dev.to/cibsantos/storybook-organizando-seus-widgets-b3g</link>
      <guid>https://dev.to/cibsantos/storybook-organizando-seus-widgets-b3g</guid>
      <description>&lt;p&gt;Qualquer desenvolvedor independente da fase de sua carreira já teve algum tipo de dificuldade para entender o código, as funcionalidade e algum componente.&lt;br&gt;
Fez e refez a lógica do fluxo para entender o que cada item do código fazia, esse onboarding do projeto acaba possuindo uma curva de aprendizagem. Bom seria se possuíssemos algum tipo de organizador dos componentes ... pois isso já é possível.😮  &lt;/p&gt;

&lt;p&gt;Já conhecido no React o Storybook é um organizador open source, podendo ser usado no terminal, ou seja nossos componentes podem ficar dentro da ferramenta para facilitar e auxiliar a organização. &lt;/p&gt;

&lt;p&gt;O Storybook mesmo sendo popular em projetos React, também pode, ser usado em projetos Flutter para organização de nossos widgets. &lt;/p&gt;

&lt;p&gt;Para começar a usar:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1. Instale&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Na raiz do seu projeto digite no terminal:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;$ flutter pub add storybook_flutter&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;2. Usando o Storybook&lt;/strong&gt; &lt;/p&gt;

&lt;p&gt;Crie o arquivo &lt;code&gt;main_storybook.dart&lt;/code&gt; &lt;/p&gt;

&lt;p&gt;Exemplo de código:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;void main() {
  runApp(StorybookApp());
}

class StorybookApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) =&amp;gt; Storybook(
    children: [
      Story.simple(
        name: 'Your Widget Name One',
        child: const TextField(
          decoration: InputDecoration(
          border: OutlineInputBorder(),
          labelText: 'Input field',
          ),
        ),
      ),
      Story.simple(
        name: 'Your Widget Name Two',
        child: const Text('Text Widget'),
      ),
       Story.simple(
        name: 'Your Widget Name Three',
        child:const Icon(
           Icons.person
        ),
      ),
    ],
  );
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  Atributos
&lt;/h4&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;name: o Nome do seu Widget
child: seu Widget
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Importante que o atributo name possa ajudar a identificar seus widgets. &lt;/p&gt;

&lt;h3&gt;
  
  
  Compilando seu código
&lt;/h3&gt;

&lt;p&gt;&lt;code&gt;flutter run -d chrome -t caminhoAte/main_storybook.dart&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3. Widgets&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--sN5jcyLs--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/coagyf7tsavwm6n06awi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--sN5jcyLs--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/coagyf7tsavwm6n06awi.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Os Widgets serão exibidos individualmente, para melhor visualização e controle do código.&lt;/p&gt;

&lt;h5&gt;
  
  
  Primeiro Widget
&lt;/h5&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--6LupEKP7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c0obipi05izlf9y8v66v.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--6LupEKP7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c0obipi05izlf9y8v66v.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h5&gt;
  
  
  Segundo Widget
&lt;/h5&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--L9xlAbWe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p0r2yvp94sesgoau47k6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--L9xlAbWe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p0r2yvp94sesgoau47k6.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h5&gt;
  
  
  Terceiro Widget
&lt;/h5&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--u5v51qI8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lcnmlhw2n0gbd70z2jp3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--u5v51qI8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lcnmlhw2n0gbd70z2jp3.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;4. Outros Recursos&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Além da organização do código o Flutter Storybook possui algumas outras funcionalidades que nos auxiliam no desenvolvimento:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Permite a visualização dos seus widgets em diversos dispositivos &lt;/li&gt;
&lt;li&gt;Alterar o tema para Dark &lt;/li&gt;
&lt;li&gt;Argumentos dinâmicos em seus widgets&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Com o Flutter Storybook além de facilitar a manutenção do código ajudará seu time no onborading de novos dev's. Para maiores informações consulte a documentação &lt;a href="https://pub.dev/packages/storybook_flutter"&gt;Flutter Storybook&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Aproveita e deixa ai nos comentários se você já conhecia o Flutter Storybook e a experiência de desenvolver com ele. &lt;/p&gt;

&lt;p&gt;Valeu ✌️ &lt;/p&gt;

</description>
      <category>flutter</category>
      <category>webdev</category>
      <category>mobile</category>
    </item>
  </channel>
</rss>
