#ScriptFE

Подписаться 11 тыс.

Просмотров 39 тыс.

50% 1

Heeeeeey galera, conforme pedidos, muitos me falaram nos comentários que precisavam de algumas aulas de front-end. Para iniciar nossa jornada, escolhi começar com um exemplo bem simples e super funcional usando apenas CSS3 e o recurso FlexBox. Não esquece de dar o gostei pra apoiar a iniciativa! Faloooooow, grande abraço!
Me siga nas outras redes:
Behance: www.behance.ne...
Dribbble: dribbble.com/n...
Github: github.com/nyo...
Facebook: / nyousefali
Instagram: / nyousefali
Site: www.nyousefali...
#ProjectNY | Násser Yousef
www.nyousefali...
@nyousefali

Опубликовано:

8 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 117

@marlonmnz 4 года назад

Definitivamente seu canal é sensacional. Meus parabéns pelo conteúdo professor.

4 года назад

Fico lisonjeado Marlon, de verdade. Obrigado pelo apoio!

@fernandor6987 Год назад

@ é possivel fazer essa configuracao no dreamweaver? Existe algum grid css flex ja pronto pra baixar e adaptar mantendo a responsividade? E nesses projetos é possivel incluir slideshow via ?

@jonejuma 10 месяцев назад

Cara eu venho tentando aprender FlexBox a uma semana, assito videos todos os dias, mas só o seu consegui esclarecer tudo para mim. Que conteúdo valioso para mim. Muito obrigado. De moçambique,

@JuniorRibeiro2016 4 года назад

Bem legal esse "flex", não o conhecia! Valeu um joinha!

4 года назад

Valeu Junior!

@oliveirasantos5031 5 месяцев назад

Muito bom o canal e a aula, merece muitos inscritos e like.

@marcosdossantos8775 Год назад

Parabéns, muito bem explicado. Obrigado por compartilhar. Que Deus te abençoe.

@robsonbrentan3894 4 года назад

sensacional! obrigado pela aula

4 года назад

Valeu Robson, vou trazer depois sobre CSS Grid pra construir os outros layouts que citei no vídeo. Grande abraço!

@robsonbrentan3894 4 года назад

@ já to na expectativa, abraço!

@mateusveloso2141 4 года назад

Esse canal merece crescer demais, excelente conteudo!

4 года назад

Hahaha não tem noção da gratidão em ouvir isso! Valeu demais Mateus, vamos pra cima! Tmj!

@williammendonca9975 4 года назад

Conteúdo show de bola. Parabéns. Já estou esperando a próxima aula com layout mais complexo que mostrou no Figma. Top

4 года назад

Valeeeeeu William, os próximos vão dificultando um pouco! HAHAHA pode deixar!

@thiagoplaca2936 2 года назад

Aula muito bem explicada. Incrível!

@sandyhellem 3 года назад

Amo a parte de front-end mas ainda tenho dificuldades com posicionamentos, tamanhos... Agora que conheci seu canal, estou conseguindo entender esses conceitos de forma mais clara. Espero que venha muito mais conteúdo. Desejo sucesso!

@fernandooliveira1097 3 года назад

Como estão os estudos?

@luizairinalima6763 4 года назад

Muito bom!!!

4 года назад

HAHAHAAH Obrigado dona Irina, muito lisonjeado!

@germansofia 2 года назад

assistindo hoje 2022 sensacional, parabéns Násser, mas um inscrito.

@wellingtonrocha8839 4 года назад

bem legal, explicação enxuta mais um inscrito.

4 года назад

Wellington Rocha valeu demais pela inscrição Wellington, vem mais vídeos como esse por aí...

@zemizim 4 года назад

Parabéns, irmão! Conteúdo show! Se puder nos próximos vídeos deixe um pouco maior a fonte, é muito difícil pra mim enxergar o código até com telas maiores, abraço!

4 года назад

Caramba velho, sem palavras pra agradecer. Pode deixar que vou mudar nos próximos vídeos... Obrigado demais!

@lucas-garcia--ss 2 года назад

cara eu fiz e pra quem não tinha nenhum conhecimento de CSS e tinha medo de não consguir aprender eu entendi totalmente como usar flexbox. valeu

@pauloricardo6578 4 года назад

Muito bom msmo o canal, seria da hr vc fazesse uma série de videos. Gostaria de ver mais aulas de flex-box. Então vc podia deixar uma enquete perguntando quem quer mais uma video de tal conteúdo no vídeo, nesse caso flex-box. Eu gostaria de mais vídeos de flex-box.

4 года назад

Valeu demais Paulo, pode deixar que vem uma série de vídeos pra gente construir outras interfaces... Sou novo e nem sei mexer no RU-vid direito, vou ver como se faz essas enquetes HAHAHA Obrigado demais pelo feedback e vai ter outros vídeos pra gente construir as outras interfaces. Obrigado pelo apoio!

@priscillaalves259 Год назад

Parabéns, cara! Vi muitos vídeos pra entender uma coisa que na prática, você mostrou ser outra. Comecei agora e tava viciadas em usar DIV pra tudo. Ficou muito claro e objetivo. Show! Posta mais videos sobre layouts, please!

@diegosantos-jr8pn 4 года назад

Sensacional! Muito grato por esse conteúdo! Era exatamente o que eu estava precisando.

4 года назад

Hahahha valeu Diego, vai ter mais vídeos como esse! Fico feliz de ter ajudado, valeu demais! 👊🏼👊🏼👊🏼

@mateusvictor5196 3 года назад

Melhor canal frontend do Brasil.

@sergiosoaresnunes1601 4 года назад

Ótima aula... cheguei aqui por indicação de um maluco no facebook e gostei bastante.. Bora pro grid e espero alguns layouts mais complexos pra gente poder bater mais a cabeça um pouco kkkk vlww

4 года назад

Hahahah valeu rapaz, fico feliz em saber que a galera tá gostando e compartilhando! Vou trazer uns mais complicados sim hahaha valeu demais!

@luuysouza Год назад

Nossa, muito boa, eu estava buscando justamente isso!! obrigado!!

@brunoooo496 Год назад

Salvou demais meu trabalho do curso hehe OBRIGADO!!!!

@celconeto8340 3 года назад

Cara, virei muito fã do seu trabalho, to curtindo demais.

@cassiosouzasantos2005 2 года назад

Muito bom! Aula extremamente bem explicada, sem pressa, o que nos dá tempo de seguir o raciocínio do Professor. Parabéns!!!

@cadutjdev2208 2 года назад

Muito bom

@wendeltadeu7818 2 года назад

Mandou muito Nasser, excelente explicação!!!!!

@leonardoguitar6560 Год назад

Excelente parabéns, não sabia que o flexbox era tão poderoso.

@eik550 3 года назад

fantastico amigo amei sua aula ,saiba que está ajudando vidas ,nunca esqueça disso !!!forte abraço!!

@Mroggg 2 года назад

Obrigado pelo video, vc conseguiu me fazer girar a chave em alguns conceitos!

@cacadordebolsominions1890 3 года назад

Muito bom Násser! Que bom que conheci este canal

@danieloliveira9595 2 года назад

Conteúdo top!!

@danielmachado6750 2 года назад

obrigado por compartilhar

@gercinosatiro 2 года назад

Ótimo vídeo. Obrigado.:

@pedrojosuesalomao 10 месяцев назад

Gostei muito!

@euersiilva3180 2 года назад

Aula show parabéns pela belíssima aula !

@viviane8781 2 года назад

Muito obrigada pelo conteúdo, ótima explicação Professor!

@MultiMarcelo18 2 года назад

Parabéns, man. Sua aula é bem didática e me ajudou muito.

@GeFFonTube 3 года назад

Muito boa essa mini-aula de Flex-Box. Parabéns Nasser!

@danielvasconcelosferreira384 2 года назад

Parabéns ótima explicação,Deus te abençoe grandemente

@desativado27383 3 года назад

Excelente aula professor! Me ajudou muito de verdade! Gratidão!

@MarcosLanzoni 2 года назад

show

@samuelmacielrocha5010 2 года назад

toop

@badzampa4699 2 года назад

Mano eu estava a mais de uma semana quebrando cabeça para fazer uma página inteira com flex box e com esse vídeo consegui aplicar o que eu sabia de uma forma que funciona ksksksksk. Muito bom continue com o conteúdo 👏

@fernandesjr6939 3 года назад

Muito boa aula! estudar é isso com calma e objetivo.

@gabriellemoreira7139 4 года назад

parabéns, cara! muito bom o seu conteúdo

4 года назад

Muito obrigado Gabrielle, tô sempre tentando Hahahah obrigado pelo apoio!

@caiopeixoto6492 Год назад

ótima aula, melhor do que a do curso pago kkk

@zMark18 Год назад

Pois é, meu professor até agora fez todos os layouts dos projetos usando float, cheio de gambiarra e nada responsivel, dei uma pesquisada e vi que float não é recomendado pra fazer layouts, e agora to estudando tudo por conta própria

@JoseAlves-qc7nl 2 года назад

cara muito bom

@mktvendasonline3374 2 года назад

Super aula..Obrigado e parabens!

@lucasleao3839 4 года назад

Sensacional !

4 года назад

Valeu demais pelo apoio Lucas!

@JoaoVitor-pc1xn 2 года назад

Cara voce é foda. sua didatica é incrivel. so uma observação: voce poderia dps de deixar tudo certinho, voce falar do codigo novamente para as pessoas entender mais claramente (eu no caso tenho um pouco de dificuldade de entender :(. )

@ardileslima2621 3 года назад

Show. Sempre top

@Jogosaomaximo Год назад

Cara que aula boa, parabéns

@DagurasuKun Год назад

Estou achando muito top, e estou aprendendo legal. Uma dica importante e fica como sugestão, dá um zoom nos vídeos pra ficar perfeito XD

@AndreMTS Год назад

Didática foda, mais um inscrito aí.

@h.olivei141 4 года назад

Aula top!

4 года назад

Valeu demais mano, temos muito a melhorar! Obrigado pelo apoio!

@shidokusonake6144 2 года назад

Muito obrigado Professor me ajudou muito coloca um entendimento sobre uso do Flexbox no HTML.CSS.👊🤙

@guuimoddz9082 3 года назад

cara, que explicação sensacional

@Everaldobass 2 года назад

Excelente conteúdo!

@erikaharada2152 3 года назад

top sua aula , parabéns !!!

@douglas3445 3 года назад

Excelente vídeo.

@carolcordeiro1123 3 года назад

Ótima aula!!

@Davidfdesousa 4 года назад

TOP! 🚀🚀🚀🚀

3 года назад

Pra cimaaaaaa! 🚀🚀🚀🚀

@BateraEntrevista 3 года назад

Exccelente aula!

@alisonbastos2926 3 года назад

caramba amigo, aprendi muito

@GuilhermeRodrigues-kk9le 3 года назад

Muito obrigado irmão. Vi muitos vídeos de como fazer um menu horizontal com display flex, mas só vc conseguiu me ajudar. Eu não estava colocar o Between, esse era o problema

@na_panfletos_e_cartoes Год назад

Muito bom 👏👏👏👏 onde acho essas imagens pra baixar?

@KaiqueIsbaex Год назад

eu coloco border radions nas minhas imagens dentro de uma div que ta dentro de um container, mas nao cria essa borda, pq será???

@AntonioCarlos-we3km 3 года назад

Boa noite, eu gostei dessa forma de apresentação para dar aula. A sua imagem aparece com um tamanho bom(poderia me dizer qual é o programa e o tamanho da imagem no canto esquerdo inferior da tela?). Acho que assim protege mais a privacidade.

@luanaSantos-fb5kq Год назад

onde está as imgs do projeto? vc tem que deixar o link do repositório pra gente

@InteligenciaJ Год назад

só não achei as imagens onde baixar

@moacircardoso9203 3 года назад

Gostei. Mas temos um problema com o ruim.

@deltoschi1 3 года назад

09:30 Se colocar flex-direction: column; no header, junto com o flex-wrap: wrap;, resolve o problema amigo.

@lucasalves-ze3vh 3 года назад

Onde eu baixo essas imagens com essa qualidade

@rafaflaadv 2 года назад

Eu consigo com esse menu em Flex usar display fixed para ele se manter mesmo na rolagem da tela?

@pedropaulocamelo283 2 года назад

Aplicando somente o flex box, o @mediaqueries não seria necessário?

@rafedit_7752 3 года назад

você poderia me falar qual fonte você usou nesse "Console"

@benilmafreitasdarocha1205 4 года назад

Quais curso faço para iniciar no front end

4 года назад

Bela pergunta viu Benilma! Eu ainda não gravei o meu curso de front end, mas eu aprendi e aprendo até hoje com o cursos do Origamid. O ensino de CSS dele é mais voltado pra layout, o cara é o melhor. Sabe CSS flex e Grid como ninguém. Vai no canal dele que você vai aprender muito!

@greg_gw 3 года назад

Obrigado pelo vídeo, foi bem esclarecedor. Só queria saber qual o nome desse software que você usou pra mostrar os layouts no começo do vídeo, se possível

@andersonmjh 3 года назад

O nome é figma www.figma.com/

@MasterGamerP2 3 года назад

Engraçado que eu faço o mesmo código e o menu fica em cima do logo af

@zephyr223 2 года назад

bota um position: relative; depois muda ele de lugar com left: ou right:

@pauloricardo6578 4 года назад

Qual é a fonte da letra que vc usa?

4 года назад

Paulo Ricardo fala Paulo, nas minhas artes e no meu site eu uso a fonte Ubuntu!

@evandromatt 4 года назад

Olá, tenho uma dúvida, se alguém puder me ajudar, seguinte: No ccs, quando vc colocou hover no .menu li a{} vc copiou todos os atributos que vc tinha colocado na parte de cima, no caso colocando apenas o atributo background-color no hover ele funciona normalmente, está errado fazer assim? Eu devo copiar todos os atributos quando colocar o hover? Não sei se deu pra entender, mas é o minuto 7:51. Obrigado desde ja.

@evandromatt 4 года назад

E a aula ta sensacional, parabéns!!

@Josegomes-ci7ui Год назад

Amigo sei que já se passaram 2 anos kkkk mas o hover e para quando colocar a seta do mouse em cima ele muda a cor, não precisa copiar tudo que ele fez, bastar voce colocar backgroud-color no hover e pronto