Coder Social home page Coder Social logo

Comments (17)

Raffesmind avatar Raffesmind commented on May 30, 2024 2

Uma coisa interessante que podemos colocar em vez de ser apenas um RoadMap de estudos, poderia ser um RoadMap de Skill esperadas.

Lendo novamente o que foi levantado, tenho algumas sugestões para adicionar de conteúdo a ser discutido:

Básico:
HTML - Uso de Blockquote, tipos de tag inline/block, tabelas
CSS - Alterando fontes, cores/background, bordas, espaçamento
JS - Objetos

Intermediário
HTML - Forms, Inputs, legends; Video; Picture; Iframe e semântica do código;
CSS - Imagens internas, Media-Query X Responsividade
JS - Const e Let, destructuring, modulos, ES6, entendendo interação navegador X javascript

Avançado:
HTML - SVG, Canvas
CSS - Fill, :root, diferentes níveis de CSS, CSS modular, variaveis;
JS - Frameworks, eventos

E @Jitors acho que Layoutar vai dependendo muito do objetivo do grupo, pois acho que isso é uma habilidade que tanto pode não ser objetivo do grupo, dado uma grande complexidade na parte de engenharia para codificar tudo, como também, pode ser importante para saber mais processos e interação com o usuário, precisando ser necessário analisar o que é layoutar ou apenas se virar em questão de bibliotecas ou ferramentas hoje.

No mais, boa iniciativa @thaymara por ter postado aqui :) E @pauloilarde por ter iniciado a discussão no TC.

from frontend-study-group.

AlexsandroSA avatar AlexsandroSA commented on May 30, 2024 1

Acho interessante incluir desafios/projetos para fixar mais o conteúdo.

Obs.: O roadmap ficou bem legal ;)

from frontend-study-group.

iagolaguna avatar iagolaguna commented on May 30, 2024

Ontem quando conclui meus estudos estava pensando se haveria algum roadmap de estudos mas no caso oque eu imaginei

Vários templates de sites (desafios) do basico ao avançado aonde com o grau de dificuldade os templates iriam ficando mais ricos em informações gradativamente, e conforme o conteudo muda se criaria alguns criteiros de aceites, exemplo:

  • "Faça x requisiçã ajax" usando async/await.
  • Faça o footer do site utilizando flex-box.
  • Utilize as novas tags do html5.

Assim por diante, estou a disposição para ajudar com oque eu puder sobre o projeto.

from frontend-study-group.

pauloilarde avatar pauloilarde commented on May 30, 2024

Eu acho interessante sim criarmos alguns desafios semelhante ao que o freeCodeCamp faz (crie uma página de tributo, uma página pessoal) de acordo com o nível.
Eu particularmente tenho certa dificuldade em criar algo kkkk

from frontend-study-group.

 avatar commented on May 30, 2024

Acho interessante pontuar em qual nível fica saber layoutar. No mais ta bem interessante, vou começar a analisar meu conhecimento por aí.

from frontend-study-group.

 avatar commented on May 30, 2024

@Raffesmind Achei a ideia bem interessante, ficaria mais fácil gerir as habilidades de conhecimento. Sobre o layout, eu falava sobre layoutar paginas com HTML e CSS(sem ajuda de frameworks), pois, creio eu, que seja uma habilidade imprescindível para quem quer ser front-end.

from frontend-study-group.

Raffesmind avatar Raffesmind commented on May 30, 2024

@Jitors acho que eu não entendi a pergunta então hahaha
Desculpa, pode me explicar mais um pouco qual é a ideia e um exemplo talvez prático disso?
Porque eu ainda estou entendendo muito como uma construção de Design e não necessariamente de código e queria entender melhor até para trabalhamos isso no plano de estudos :)

from frontend-study-group.

 avatar commented on May 30, 2024

@Raffesmind Eu falo de tipo saber estruturar o layout desenhado no photoshop para html e css, sem quebrar o layout.

from frontend-study-group.

adrianoavelino avatar adrianoavelino commented on May 30, 2024

Legal a ideia dos desafios desde que não precise criar algo completo no básico. No básico acredito que seria interessante realizar as partes (componentes) de um layout e ir evoluindo para o intermediário e avançado e juntar os elementos. Dessa forma o estudante consegue ver resultados e acompanhar a sua evolução. Quem sabe adicionar dicas para cada desafio para ajudar o processo de resolução do estudante. Sei lá, só estou coletando ideias! ;D

from frontend-study-group.

Raffesmind avatar Raffesmind commented on May 30, 2024

@Jitors entendi a questão agora!
Acho que isso pode ser feito através de exercícios e práticas, porque em teoria, as coisas já estão contempladas, só devemos saber como colocar em prática para ficar cada vez mais fácil :)

@adrianoavelino eu gosto bastante da ideia, acho que poderiamos criar uma outra Issue/Thread para discutir possibilidade de projetos e ordem, colocar coisas palpáveis de desafios, como o pessoa do javascript-studies fez!

Uma coisa que eu tava vendo e pode ser importante colocar em intermediário ou talvez avançado nessa ordem é trabalhar com APIs, fazer fetch/ajax com JSON e como ir trabalhando isso dentro do JS, o que acham?

from frontend-study-group.

Diego-Brocanelli avatar Diego-Brocanelli commented on May 30, 2024

Olá, pessoal.

Podemos encerrar essa issue, ou ainda é relevante manter aberto?

from frontend-study-group.

Diego-Brocanelli avatar Diego-Brocanelli commented on May 30, 2024

Olá, pessoal.

Podemos encerrar essa issue, ou ainda se mantém relevante para permanecer aberta?

from frontend-study-group.

Diego-Brocanelli avatar Diego-Brocanelli commented on May 30, 2024

Olá, pessoal.

Podemos encerrar essa issue, ou ainda se mantém relevante para permanecer aberta?

from frontend-study-group.

thaymara avatar thaymara commented on May 30, 2024

Eu acredito que daria pra fechar, a não ser que mais alguém queira dar continuidade no roadmap

from frontend-study-group.

Diego-Brocanelli avatar Diego-Brocanelli commented on May 30, 2024

Por mim sem problema permanecer em aberto, porém atualmente essa issue encontra-se parada, e assim não vejo vantagem em manter aberto tanto tempo sem movimentação.

from frontend-study-group.

thaymara avatar thaymara commented on May 30, 2024

Sim, concordo, eu acho que pode fechar então, não acredito que vá ter uma nova movimentação tão cedo assim :)

from frontend-study-group.

Diego-Brocanelli avatar Diego-Brocanelli commented on May 30, 2024

Obrigado pelo retorno @thaymara .

from frontend-study-group.

Related Issues (1)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.