Building a Website with Figma Lesson 01 | HTML CSS | Dev Mode

Поделиться
HTML-код
  • Опубликовано: 9 июл 2024
  • Hello friends,
    We are building a web page using Dev Mode through Figma design. In this lesson, we will practically see how professional websites are created.
    Design link:
    www.figma.com/community/file/...
    Thanks to:
    www.figma.com/@bimaagustianwp
    👉 Don't forget to subscribe and like the video!
    www.youtube.com/@worldofthewe...
    00:00 Introduction
    02:05 Header creation
    16:30 Menu creation
    20:15 Banner creation
    @Figma
    #figma #html #css #devmode #webdevelopment #frontend #ux #design
  • НаукаНаука

Комментарии • 13

  • @tahabilici7688
    @tahabilici7688 4 месяца назад +2

    Gayet güzel bi çalışma 🤩

  • @tunahancengiz9988
    @tunahancengiz9988 5 месяцев назад +2

    bu kanalın tek sorunu çok az video atması!

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

      Yorumunu övgü olarak alıyorum :) kanal henüz 3 aylık ve shorts'lar hariç 24 video var bu arada :)

    • @tunahancengiz9988
      @tunahancengiz9988 5 месяцев назад +2

      @@worldoftheweb Hocam daha çok video istiyorum Lütfen...

  • @khssena
    @khssena 4 месяца назад +2

    Emeğinize sağlık, çok güzel bir video olmuş. Mahzuru olmazsa bir şey sormak istiyorum. Front-end eğitimini üniversitede mi aldınız yoksa kendi kendinize veya kurslar sayesinde mi öğrendiniz? Linkedin hesabınıza baktım da okuduğunuz bölüm yazılımla alakalı değilmiş ama developer olarak çalışıyormuşsunuz. Açıkçası kendi kendine yazılım öğrenmeye çalışan bana umut oldunuz diyebilirim.

    • @worldoftheweb
      @worldoftheweb  4 месяца назад

      Teşekkürler. Yaklaşık 12 yıl önce şu an çalıştığım şirkete stajyer olarak girip burada çalışarak öğrendim. Online ve şirket içi eğitimlerle de süreç devam etti. Halen daha öğrenmeye ve gelişmeye devam ediyorum. Sizlere umut olduysam ne mutlu bana :)

  • @guitaristhus820
    @guitaristhus820 17 дней назад +1

    Elinize sağlık güzel anlatım , teknik olarak soruyorum , neden Figma içinde Teleport Hq gibi bir plugin ile tüm tasarımı direk html ve css e çevirmiyorsunuz da böyle uğraşıyorsunuz ?

    • @worldoftheweb
      @worldoftheweb  17 дней назад +1

      Selamlar,.
      Henüz bu tip pluginler büyük işlerde ve müşteri işlerinde kullanıma hazır değiller. Özellikle çok sayfalı işlerde efektif sonuç vermiyorlar(şimdilik). Konuyla ilgili bir video yayınlamıştım. daha detaylı yorumlarım video da mevcut. ruclips.net/video/5oIGTALROZU/видео.html
      Teşekkürler yorumunuz için

  • @gulerv9
    @gulerv9 5 месяцев назад +2

    çok güzel bir video idi ilk bölümü tamamladık . ama figma ile ilgili bir kaç sorum olucak :
    1- figmada bu projeyi açtığımda sayfada arka planda kırmızı çizgiler oluşuyor sebebi nedir ?
    2- dev moda geçtiğimde özelliklerini kullanamıyorum satın mı almam gerekiyor ?

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

      Teşekkürler.
      1.sorun için tasarımı seçip (sol üstte Home yazan yere tıklaman gerekiyor) sağ taraftaki Design panelinden Layout grid'in gözünü kapatman gerekiyor.
      2.soru için de Dev Mode'a geçildiğinde tasarımsal düzenleme yapamıyorsun. Tasarımda düzenleme yapabilmek için Dev Mode'un kapalı olması gerekiyor.

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

      @@worldoftheweb 2. soru için düzenleme değil de bastığımda senin gibi bakamıyorum özelliklerine adminle konuş filan diyor bakman için

    • @worldoftheweb
      @worldoftheweb  5 месяцев назад +1

      @@gulerv9 www.figma.com/pricing/ devmode paralı üyeliğe geçmiş. ama devmode olmadan da istediklerimize erişebiliriz. Serinin son dersinde devmode olmadan ilerleriz.