this is officially my first react project (still in production). I'm also testing an alternative way of committing to this repository and hosting it with Pages.
Este repositório é o resultado do curso intensivo de #ImersãoFrontEnd na plataforma Alura, onde desenvolvemos um projeto clone do Spotify. Durante o curso, foram abordados conceitos essenciais de HTML, CSS, JavaScript, requisição de API e React.
Durante o aprendizado, é fundamental superar o medo e criar uma abordagem que vá além do proposto em cada exercício. Adicionar seu toque pessoal fortalece a compreensão, enquanto compartilhar aprendizados detalhados no LinkedIn contribui para a consolidação do conhecimento. Anotar insights e enfrentar desafios inesperados também reforça o aprendizado. Sempre busque compartilhar suas experiências para promover o aprendizado contínuo.
O projeto foi desenvolvido utilizando HTML, CSS, JavaScript, requisição de API e React. É importante destacar que, para compreender efetivamente frameworks como o React, é necessário consolidar as bases do front-end.
-
Block: Elemento que inicia em uma nova linha e ocupa toda a largura disponível. Empilha verticalmente.
-
Inline: Elemento que não inicia em uma nova linha e ocupa apenas o espaço necessário para o conteúdo.
-
Inline-block: Combina características de elementos inline e block, não inicia nova linha e permite definição de largura e altura.
-
Flex: Cria um contêiner flexível, permitindo ajustes em tamanho, ordem e alinhamento dos itens.
-
Grid: Cria um contêiner de layout em grade, facilitando o posicionamento de elementos em duas dimensões.
-
Inline-flex: Semelhante ao flex, mas o contêiner flexível é tratado como um elemento inline.
-
Table, table-row, table-cell: Usados para criar layouts semelhantes a tabelas.
-
None: Elemento removido do fluxo de layout e não é renderizado na tela.
-
Relative: Comportamento em relação a si mesmo. O elemento é posicionado em relação à sua posição original, mantendo o espaço original.
-
Absolute: Comportamento em relação ao ancestral posicionado mais próximo ou ao elemento raiz. Remove do fluxo normal do documento.
A diferença básica entre NPX e NPM é que o NPX executa a NPM. NPX é utilizado para executar pacotes diretamente, enquanto NPM é o gerenciador de pacotes que instala e gerencia dependências.
Você pode utilizar o Git Bash no VS Code para a criação de APIs e aplicações React, facilitando o processo de desenvolvimento e versionamento de código.