Ön uç geliştirici: HTML/CSS/JavaScript'teki web siteleri - kurs 18.000 ruble. Coddy Çocuklar için Programlama Okulu'ndan, 3 modül (ay) eğitim

Miscellanea / by admin / December 03, 2023

click fraud protection

Yaş: 11-14 yaş

Seviye: Yeni başlayanlar için.

Süre: 3 modülden (ay), 24 saatten*.

Format: Bireysel ve grup dersleri, çevrimdışı ve çevrimiçi (gerçek zamanlı).

Çocuk sayısı: 1'den 8'e kadar.

Fiyat:

çevrimiçi bir grupta 750 rub./saat'ten başlayan fiyatlarla,
çevrimdışı bir grupta 850 rub./saat'ten başlayan fiyatlarla,
bireysel çevrimiçi olarak 1050 rub./saatten başlayan fiyatlarla,
1980 rub./saat'ten bireysel olarak çevrimdışı.

Modern dünyada her ciddi şirket kendi web sitesini edinmeye çalışır çünkü bu bir nevi İnternetteki “kartvizit”, onsuz iş yapmak zaten modası geçmiş, anlamsız ve Umutsuz.

Son yıllarda web yöneticisi mesleği, BT alanında en çekici ve aranan meslekler sıralamasında üst sıralara yükseldi. Bu bağlamda, şu anda web siteleri oluşturma konusunda eğitim almaya istekli olanların sayısı giderek artıyor. İstikrarlı ve düzgün bir kariyere sahip olmak için bu prestijli uzmanlığı çizin ve ustalaşın kazanç. Programlama okulumuz CODDY, gecikmemenizi ve çocuğunuzu “Ön Uç Geliştiricisi: HTML/CSS/JavaScript Üzerindeki Web Siteleri” kursuna hemen kaydettirmemenizi önerir! Bu dersin amacı çocuklara modern web sitelerinin nasıl oluşturulacağını öğretmek ve onlara arayüz geliştirici mesleğinin temellerini tanıtmaktır.

instagram viewer

Web yöneticisi nedir ve nasıl web yöneticisi olunur?

Web yöneticisi, web sitelerinin geliştirilmesi, oluşturulması, optimizasyonu ve tanıtımına yönelik bir dizi etkinliktir. Bir şekilde sitelerin üretimi ve bakımı ile bağlantılı olan her şey. Bu, web programlama, tasarım, metin yazarlığı, SEO ve diğerleri gibi birçok alanda belirli beceri ve bilgi gerektiren bütün bir bilimdir.

Modern internette herkes kendi web sitesini yapabilir. Ancak kural olarak web projelerinin kalitesi arzulanan çok şey bırakıyor. Bir web sitesinin rekabetçi olabilmesi için konuya yetkin bir şekilde yaklaşmanız ve profesyonelleri işe dahil etmeniz gerekir. Programcı, bir programlama dili kullanarak web sitesi sayfaları oluşturur ve bunları tek bir nesnede birleştirir, ardından bunları tarayıcılarda doğru görüntülenecek şekilde düzenler. Gelecekteki sitenin arayüzüne, doğru çalışmasını ve güvenliğini sağlayarak özel dikkat gösterilmelidir. Yani profesyonel bir web yöneticisi yukarıdakilerin hepsini kendisi yapar! Bu bir programcı, web tasarımcısı, düzen tasarımcısı, yönetici ve moderatör ve bazen de bir SEO metin yazarının bir araya gelmesidir.

Web yöneticisi olmak için hangi bilgi ve teknolojilerde uzmanlaşmanız gerekiyor?

Web yöneticisi olmadan önce birçok teknolojiyi, programı ve sistemi tanımanız ve incelemeniz gerekir. Gelecekteki mesleğinizin temelini oluşturacak ana adımlar şunlardır:
1. HTML'yi öğrenmek – köprü metni biçimlendirme dili.
HTML öğrenmeye başladığınızda, bir web belgesinin yapısını anlayacak ve basit web sitelerinin nasıl oluşturulacağını öğreneceksiniz.

2. CSS'yi öğrenmek – web sayfası görüntüleme stili dili. CSS stillerinin belgeye dahil edilmesi sayesinde site kendine has bir tat ve benzersiz görünüm kazanır. Web sayfasının rengini, boyutunu, arka planını ve çok daha fazlasını ayarlayabilirsiniz.

3. CMS'ye giriş – sitenin içerik yönetim sistemi veya “motoru”.

4. Adobe Photoshop'a hakim olmak – inanılmaz sayıda olasılığa sahip bir grafik düzenleyici. Birçok uzman, tasarımları çizmek ve kendi orijinal ve yüksek kaliteli düzenlerini oluşturmak için bunu kullanır.

5. Programlama dillerine temel aşinalık. Web sitelerinin büyük çoğunluğu PHP ve JavaScript kullanıyor. Sitenin hızı, güvenliği, olası ölçeklenebilirliği ve üçüncü taraf geliştiricilerin desteği, yazılan komut dosyalarının kalitesine bağlıdır. Yani kaliteli kod yazabilmeniz gerekiyor.

6. Veritabanlarıyla çalışma.

Ve en önemlisi web yöneticisinin özgün siteler oluşturması gerekir. Tüm popüler CMS'ler için hazır çözümlerin ortaya çıkmasıyla birlikte, orijinal, şablonsuz tasarıma sahip bir web sitesi her zamankinden daha fazla talep görüyor. Profesyonel bir web yöneticisi yalnızca bir dizi hazır programla çalışmakla kalmaz, aynı zamanda bu hazır programları da yazabilir. Bu seviyeye ulaşmak için çok çalışmanız gerekecek. Ve “Ön Uç Geliştiricisi: HTML/CSS/JavaScript Üzerindeki Web Siteleri” kursumuz, çocuğunuzun bu zor görevde ilk emin adımları atmasına yardımcı olacaktır. Deneyimli öğretim uygulayıcılarının rehberliğinde, orijinal grafik tasarımına sahip bilgilendirici web siteleri oluşturmayı öğrenecek.

Eğitim süreci boyunca aşağıdaki konular incelenecektir:

1. Köprü Metni İşaretleme Dilinin (HTML) ve Basamaklı Stil Sayfalarının (CSS) Temelleri

2. modern web sitelerinin düzeni

3. web sayfası stilinin özelliklerinin derinlemesine incelenmesi

4. Adobe Photoshop ile çalışmanın ve web sitesi tasarım düzenleriyle çalışmanın temelleri

İlk aşamada bir web arayüzü geliştiricisi mesleğinin temellerini tanıyacağız ve kuralları inceleyeceğiz Web sitelerinin yapısını ve mantığını oluşturmak, pratik programlama becerileri kazanmak web arayüzleri. Her öğrenci HTML ve CSS kodu yazmanın temellerini öğrenecektir.

Bu konuyu tamamladıktan sonra çocuğunuz kendi modern web sitesini oluşturacaktır.

İkinci modül, web arayüzü programlama araçlarının derinlemesine incelenmesini içerir. Bu modülde HTML ve CSS'ye girişimize devam edeceğiz. Öğrenciler modern web siteleri oluşturmanın algoritması ve yapısına pratikte aşina olacak, bağımsız olarak etkileşimli bir resim galerisi oluşturacak ve projelerini internette yayınlayacak.

Üçüncü modülde web geliştirici mesleğiyle tanışmaya devam edeceğiz, Adobe Photoshop ile çalışma konusunda pratik beceriler kazanacağız ve modern web tasarım araçlarını inceleyeceğiz. Bir web sitesi tasarımı oluşturma aşamasında öğrenci, bir grafik düzenleyicide çalışmanın temel becerilerini kazanacaktır. Çeşitli web sitesi tasarım seçeneklerini analiz edeceğiz, her birinin avantajlarını ve dezavantajlarını tartışacağız ve tasarımın nasıl geliştirilebileceğini öğreneceğiz.

Kursun sonunda öğrencilerim ve ben, en son web programlama araçlarını kullanarak hazır tasarım düzenini kullanarak bir web sitesi oluşturacağız ve çalışmalarımızın sonucunu internette yayınlayacağız.

Ella T.

dersler

Ders öğretmeni:
“Minecraft: Yapay Zekaya Giriş”, “Unity 3D”, “Ön Uç Geliştiricisi: HTML/CSS/JavaScript Web Siteleri”, “Anime Tarzında Çizim”, “Küçükler için programlama”, “Minecraft programlama”, “Tasarım odaklı düşünme”, “Python'da Botlar”, “Photoshop grafik tasarımı”, "Videobloglama"

Eğitim:

Uluslararası şirketlerde BT becerilerini geliştirmeye yönelik çok sayıda kurs (Chatbot Hackathon'lar, yapay zeka alanında prototip oluşturma, BT mimarisi vb.). Heilbronn Üniversitesi, Heilbronn, Almanya (İşletme Yüksek Lisansı). Belarus Devlet Ekonomi Üniversitesi, Minsk, Beyaz Rusya (İşletme Yüksek Lisansı).

Deneyim:

Hukuk sistemleri, denetim çözümleri sistemleri ve süreç otomasyonu konularında müşteri danışmanlığı yapmaktadır, yenilikçi BT alanında çalışmaktadır ve Almanya'da uluslararası bir şirkette start-up olarak çalışmaktadır.

İlgi alanları:

Kişisel gelişim, bilgiyi paylaşma tutkusu, ağ oluşturucu, dünyayı açan, yaşam tasarımcısı, spor aktivisti.

“Bugün tüm dünya birbirine bağlı: insanlar, ülkeler, ekonomiler, teknolojiler vb. Programlama geleceğin önemli bir yeteneğidir. Geleceğin dünyasını daha iyi anlamanıza, onu aktif olarak şekillendirmenize ve sınırları olmayan heyecan verici bir toplumun yenilikçi bir üyesi olmanıza yardımcı olur. Kodlama yeteneği çocuklarımıza bu dünyada geleceğin sonsuz kapılarını açıyor ve onları yeni teknolojilerin elçisi haline getiriyor.”

Sergey T.

dersler

Eğitim:

Uluslararası şirketlerde BT becerilerini geliştirmeye yönelik çok sayıda kurs (SAP, süreç otomasyonu, e-ticaret). FOM University of Stuttgart, Stuttgart, Almanya (İşletme Yüksek Lisansı) Karaganda Devlet Teknik Üniversitesi, Karaganda, Kazakistan.

Deneyim:

Almanya'da başarılı bir çevrimiçi elektrik mağazasının kurucusu, müşteri danışmanlığı yapıyor Satış süreçlerinin otomasyonu alanında, Almanya'da uluslararası alanda BT satışı alanında çalışmaktadır. şirketler.

İlgi alanları:

Seyahat etmek, balık tutmak, spor yapmak, satranç.

I. Goethe şöyle dedi: “Yalnızca sevdiğiniz şeyi öğrenebilirsiniz”

1. modül

İlk gün

Web Sayfası Düzeni Temelleri

HTML belge yapısı
HTML biçimlendirme dilini kullanan ilk web sayfası
Sublime Text 3 Düzenleyicisine Giriş

Dersin sonucu: ilk web sayfasını oluşturdu, etiketleri kullanarak metni işaretlemenin temel yollarını öğrendi.
Pratik görev: Html işaretleme dilini kullanarak bir web sayfası oluşturun.

İkinci gün

Div öğesi ve etiket nitelikleri

Web denetçisiyle çalışma
Çok sayfalı bir web sitesi oluşturma
Yeni etiket öğelerini ve niteliklerini öğrenme

Dersin sonucu: siteye nasıl bağlantı ve resim ekleneceğini öğrendi, etiketlere özellikler ekledi
Pratik görev: ilk çok sayfalı web sitenizi oluşturun.

Üçüncü gün

Basamaklı Stil Şablonu

Basamaklı Stil Sayfalarına Giriş
HTML Öğelerini Şekillendirme
Seçicileri kullanma
Emmet eklentisini yükleme ve onunla çalışma ve Lorem metni ekleme

Dersin sonucu: HTML öğelerinin arka plan renginin ve metin renginin nasıl değiştirileceğini, iki tür seçicinin nasıl kullanılacağını, Emmet eklentisini kullanarak Lorem metni oluşturmayı öğrendi
Pratik görev: CSS özelliklerini kullanarak sayfanın görünümünü değiştirin.

Dördüncü gün

Jaguar web sitesi oluşturma

Çok sayfalı bir Jaguar web sitesinin oluşturulması
Proje Dosya Yapısı Oluşturma
Elemanların dolgusu ve dolgusu ile çalışma

Dersin sonucu: harici bir CSS dosyasıyla çalışmayı öğrendi, elemanların dış ve iç dolgularına aşina oldu.
Pratik görev: çok sayfalı bir Jaguar web sitesi oluşturun.

2. modül

İlk gün

CSS'de kutu modeli

CSS'de Kutu Modeli
Alışılmadık şekilli bloklar oluşturma
Bir öğenin genişliğinin ve yüksekliğinin hesaplanma biçimini değiştirmek için box-sizing özelliğiyle çalışma

Dersin sonucu: alışılmadık şekillerde bloklar oluşturmayı, bir öğenin genişliğini doğru şekilde hesaplamak için box-sizing özelliğini border-box değeriyle birlikte kullanmayı ve öğelerin boyutlarını farklı ölçü birimleriyle ayarlamayı öğrendi
Pratik görev: farklı kutu boyutu özellik değerlerini kullanarak metin içeren kartlar oluşturun.

İkinci gün

CSS'de gelişmiş metin işleme

Farklı yazı tipleri
Web siteleri için yazı tipi seçimi
Metin görünümünü ileri düzeyde özelleştirmenize olanak tanıyan yeni stiller oluşturma

Dersin sonucu: farklı yazı tipleri kullanarak bir sayfa oluşturdu, iletilen özellikleri kullanarak metnin görünümünü ve okunabilirliğini geliştirdi.
Pratik görev: temel yazı tipi türlerini kullanarak bir sayfa oluşturun.

Üçüncü gün

CSS'de Öğeleri Konumlandırma

Float özelliğiyle çalışma
Sayfadaki öğelerin konumlandırılma türleri
konum özelliği

Dersin sonucu: kayan nokta ve konum özellikleriyle çalışmayı, görüntülerin etrafına sarılmış metin oluşturmayı öğrendi
Pratik görev: bir web sayfası oluşturun ve kayan nokta ve konum özelliklerini kullanarak öğeleri buraya yerleştirin

Dördüncü gün

Blog sayfası oluşturma

Blog sayfası oluşturma
Menüleri ve gönderileri sayfaya yerleştirmek için öğe konumlandırma özellikleri
Anlamsal etiketler

Dersin sonucu: konumlandırma özelliklerini kullanarak anlamsal etiketlerle çalışmayı öğrendi, blogun ana bileşenlerini sayfaya yerleştirdi
Pratik görev: anlamsal etiketleri kullanarak bir blog sayfası oluşturun

3. modül

İlk gün

Sözde sınıflar ve CSS'deki resimlerle çalışma

Bir web sayfasında arka plan resimlerini kullanma
Sözde sınıflar geziniyor, aktif ve ziyaret ediliyor
Başka bir öğe üzerinde sözde sınıfı etkinleştirirken bir öğenin stilini değiştirme
Arka plan desenleri oluşturma

Dersin sonucu: arka plan görselleriyle nasıl çalışılacağını öğrendi, görsellerle çalışmanın özelliklerini inceledi
Pratik görev: Fare imlecini öğelerin üzerine getirdiğinizde öğelere harici değişiklikler ekleyin.

İkinci gün

CSS'de FlexBox

CSS Esnek Kutu Düzeniyle Çalışmak
Flex kapsayıcıdaki öğeleri hizalamaya yönelik özellikler
Esnek kurbağa eğitici oyun

Dersin sonucu: Esnek düzenler oluşturmak için Flex teknolojisiyle çalışmayı öğrendi, kapsanan materyali pekiştirmek için esnek kurbağa oyununu tamamladı
Pratik görev: Kapsanan materyali pekiştirmek için esnek kurbağa oyununu tamamlayın

Üçüncü gün

Spor Ayakkabı mağazası web sitesinin geliştirilmesi. Bölüm 1

Modellerle site yapısı oluşturma
Bir yazı tipi sitesine bağlanma
Site başlığının ve alt öğelerinin özellikleri
Degrade sayfa arka planı oluşturma işlevleri

Dersin sonucu: modellerle site yapısı oluşturdum, fontu siteye bağladım.
Pratik görev: modelli resimleri seçin ve indirin, site başlığına gölge ekleyin

Dördüncü gün

Spor Ayakkabı mağazası web sitesinin geliştirilmesi. Bölüm 2

Sitedeki çalışmaların tamamlanması
Kartlarla blok oluşturma
Öğelerin üzerine gelindiğinde davranışlarını değiştirme
Kart konumlandırma için FlexBox teknolojisi

Dersin sonucu: model kartları içeren bir web sitesi oluşturduk
Pratik görev: FlexBo teknolojisini kullanarak galeri ekleme

4. modül

İlk gün

CSS'de Izgara Düzeni

Izgara sistemine giriş
Grid Kullanarak Sayfa Oluşturma
Izgara hücreleriyle ileri düzeyde çalışmaya yönelik özellikler

Dersin sonucu: iki boyutlu düzen sistemini (CSS Izgara Düzeni) inceledi, Izgara hücrelerinin sayfada nasıl konumlandırılacağını öğrendi.
Pratik görev: Kapsanan malzemeyi pekiştirmek için ızgaralı bahçe oyununu tamamlayın.

İkinci gün

Sonrası ve öncesi sözde öğeler

Sözde öğeler öncesi ve sonrası
Bir resmi içindeki metinle birleştirme
Birinci harfli ve birinci satırda sözde elemanlara sahip elemanlar

Dersin sonucu: önce, sonra, ilk harf ve ilk satırdaki sözde öğelerle çalışmayı, güzel bloklar oluşturmak için farklı özelliklere sahip sözde öğeleri birleştirmeyi öğrendi
Pratik görev: after ve befor sözde elemanlarını kullanarak bir eleman oluşturun.

Üçüncü gün

CSS'de Animasyonlar ve Dönüşümler

CSS dönüşümleri
Dönüşümleri HTML öğelerine uygulama
CSS'de Animasyonlu Bloklar Oluşturma
Zamanlama işlevlerini ana karelere uygulama

Dersin sonucu: CSS'de dönüşümlerle nasıl çalışılacağını, CSS'de sonsuz animasyonlar oluşturulacağını öğrendi.
Pratik görev: bir düğme oluşturun, üzerine gelindiğinde ona dönüşümler ekleyin.

Dördüncü gün

CSS'de animasyon oluşturma alıştırması yapın

Animasyon ve dönüşümün pratikte uygulanması
Güneş sistemimizde animasyonlu bir yörünge gezegen sistemi oluşturmak

Dersin sonucu: Güneş sistemindeki gezegenlerin hareketini ve hareketli bir arka planı gösteren bir sayfa oluşturdu.
Pratik görev: Güneş sistemimizde animasyonlu bir yörüngesel gezegen sistemi yaratın.

5. modül

İlk gün

Çevrimiçi bir mağazanın oluşturulması

Çevrimiçi mağaza nedir?
Proje Yapısı Oluşturma
Proje kurulumu

Dersin sonucu: bir çevrimiçi mağaza oluşturmaya başladı.
Pratik görev: sitede kullanılacak simgeleri seçin.

İkinci gün

Çevrimiçi mağaza başlığı oluşturma

CSS'de Değişkenler ve Nasıl Kullanılır?
URL işlevini kullanarak yazı tiplerini harici bir stil sayfasına bağlama
Çevrimiçi mağaza başlığı, stili
JavaScript programlama dilini kullanarak ek menü işlevselliği ekleme

Dersin sonucu: projedeki global değişkenleri yapılandırdı, menü içeren çok işlevli bir başlık oluşturdu, ek menü işlevselliği eklemek için bir Javascript dosyası bağladı.
Pratik görev: sayfayı kaydırırken site başlığının arka planını değiştirmeyi ekle

Üçüncü gün

Ana ürünle ilk ekranı oluşturma

Sunum bloğunun HTML yapısı
Elemanların doğru görüntülenmesi için ızgara sistemi
Değişkenleri kullanan CSS özellik değerleri
Şekillendirme öğeleri

Dersin sonucu: çevrimiçi mağazanın sunum bölümünü oluşturdu
Pratik görev: çevrimiçi mağazanın sunum bölümünü oluşturun

Dördüncü gün

Popüler ürünlerden oluşan bir blok oluşturma

Ürünlerin bulunduğu bir blok için HTML işaretlemesi
Ürün kartları için stil oluşturma
Kart konumlandırma için ızgara ızgarası
Şirketin geçmişi ile bir bloğun stilizasyonu

Dersin sonucu: popüler ürünleri ve şirket geçmişini içeren bir blok oluşturdu
Pratik görev: şirket geçmişini içeren bloktaki öğelere harici ve dahili dolgu ekleyin

6. modül

İlk gün

Müşteri incelemelerini içeren bir kaydırıcı oluşturma.

Bloğu incele
CSS'de Kaydırılabilir Kapsayıcılar Oluşturmanın Yolları
kaydırma davranışı ve kaydırma yakalama türü özellikleri
Kaydırıcı bağlantı noktaları

Dersin sonucu: HTML ve CSS kullanarak müşteri yorumlarını içeren bir kaydırıcı oluşturdu.

Pratik görev: sitenin ana bölümlerine bağlantı noktaları ekleyin ve butona tıkladığınızda bu bloklara otomatik kaydırma oluşturun.

İkinci gün

Formlar ve video içeriğiyle çalışma.

Bir web sitesine video içeriği eklemek için HTML5 etiketleri
Bir bölümü tam ekran video kliple şekillendirme
Giriş alanı etiketi - ve nitelikleri
Html'de form oluşturmak için etiket
Bir metin giriş öğesinin şekillendirilmesi

Dersin sonucu: video içeren bir bölüm ve geri bildirim formu içeren bir blok oluşturduk

Pratik görev: bir geri bildirim formu oluşturun, öğelere stil verin

Üçüncü gün

Ayrı bir galeri sayfası oluşturma

Galeri sayfası için özel Izgara ızgarası
Izgaraya resim içeren bloklar ekleme
Sözde öğeler ve resimli blokların çeşitli animasyonları
Galeri görsel tasarımını iyileştirmek için CSS filtreleri

Dersin sonucu: fotoğraf galerisi içeren ayrı bir sayfa oluşturdu

Pratik görev: yarı saydam, sıra dışı bir arka plan oluşturmak için farklı konumlandırma türlerini kullanma.

Dördüncü gün

İçeriğin her türlü cihaza uyarlanması.

İçeriği mobil cihazlara uyarlamanın yolları
Farklı genişlikteki cihazlarda aynı öğeye farklı özellikler uygulamak için medya sorguları
Üç tür cihaz için CSS kuralları

Dersin sonucu: Web sitesini tablet ve telefonlara uyarladık.

Pratik görev: İçeriği her tür cihaza uyarlamak için medya sorgularını kullanarak HTML öğelerinin özellik değerlerini değiştirin

7. modül

İlk gün

Tailwind SS çerçevesine giriş.

Çerçeveler nedir ve proje geliştirme sürecini nasıl hızlandırırlar?
Tailwind CSS çerçevesini ve eklentilerini yükleme
Tailwind CSS Çerçeve Kavramları
Tailwind CSS'de Tipografi ve Renklerle Çalışmak

Dersin sonucu: Tailwind CSS çerçevesini kullanarak ilk web sayfasını oluşturdu.
Pratik görev: Arka rüzgar sınıflarını kullanarak metin ve stil öğeleri içeren bir blok oluşturun.

İkinci gün

Duyarlı bir web sitesi oluşturmak için Tailwind sınıfları

Duyarlı bir web sitesi oluşturmak için Tailwind sınıflarıyla çalışma
Fareyle üzerine gelme ve odaklanma efektleri ekleme sınıfları
Öğelere gölge ekleme sınıfları
Eleman boyutlarıyla çalışmaya yönelik sınıflar
Elemanların dış ve iç dolgusu ile çalışma sınıfları

Dersin sonucu: Her türlü cihaz için uyarlanabilir bir sayfa oluşturduk.
Pratik görev: Tailwind sınıflarını kullanarak düğmeler oluşturun, üzerlerine tıkladığınızda efektler ekleyin

Üçüncü gün

Arka Rüzgar Esnek Düzeni.

Tailwind Flex Düzeniyle Çalışmak
Flex kapsayıcıdaki alt öğeleri hizalamaya yönelik sınıflar
Bir ürünün fiyatını içeren kart oluşturma
İlerleme Göstergeleri Oluşturma
Tailwind CSS'de Pseudo Elementlerle Çalışmak

Dersin sonucu: ürün kartlarıyla bir Flex kapsayıcı oluşturdu
Pratik görev: ürünün açıklamasını içeren bir kart oluşturun.

Dördüncü gün

Tailwind CSS'deki ızgara sistemi.

Satır aralığı ve sütun aralığı özellikleri
Izgaradaki boş alanı otomatik olarak öğelerle doldurmaya yönelik özellikler
Proje ekibi sayfası

Dersin sonucu: Tailwind Grid sistemini kullanarak uyarlanabilir bir proje ekibi sayfası oluşturdu.
Pratik görev: ızgara öğelerinin üzerine gelindiğinde bunlara efektler ekleyin

8. modül

İlk gün

Proje kurulumu

"Yönet" uygulama sitesi projesini ayarlama
Duyarlı bir web sitesi başlığı oluşturma
JavaScript Kullanarak Hamburger Menüsü Oluşturma
Bir ürünle sunum bölümü oluşturma

Dersin sonucu: “Yönet” uygulaması web sitesinin ilk ekranını oluşturdu
Pratik görev: ilk ekrana bir arka plan resmi ekleyin.

İkinci gün

Uygulamanın açıklamasını içeren bir bölüm oluşturma

Uygulamanın açıklamasını ve avantajlarını içeren bölüm
Oluşturulan bloğu tüm cihaz türlerine uyarlayın
Uygulama işleminin olduğu bölüm
Bir görüntüye Tailwind filtreleri uygulama

Dersin sonucu: “Yönet” sitesinin iki bölümünü oluşturdu
Pratik görev: uygulama oluşturma geçmişini içeren ek bir bölüm oluşturun

Üçüncü gün

Proje ekibiyle ilgili bir bölüm oluşturmak

Takımla ilgili bölüm
Tailwind CSS ve Javascript kullanan kaydırıcı
Çalışan kartları

Dersin sonucu: proje ekibi hakkında bir bölüm oluşturduk
Pratik görev: CTA düğmesiyle bir bölüm oluşturun

Dördüncü gün

Fiyatları içeren bir bölüm oluşturma

Fiyatları içeren bir bölüm oluşturun
Duyarlı bir web sitesi altbilgisi oluşturun
Projeyi bitir

Dersin sonucu: proje üzerindeki çalışmaları tamamladı, “Yönet” uygulaması için web sitesini oluşturdu
Pratik görev: projeyi sonuçlandırmak, siteyi internete koymak

9. modül

İlk gün

Kendi projeniz üzerinde çalışmaya başlayın.

Bir proje konusu seçin
Kendi web sitenizi geliştirmeye başlayın

Dersin sonucu: bir konu seçildi ve proje üzerinde çalışmaya başlandı
Pratik görev: Proje çalışması

İkinci gün

Proje üzerinde çalışmalara devam ediliyor

Proje üzerinde çalışmaya devam edin
Projedeki hataları düzeltin

Dersin sonucu: web sitesi sayfalarının oluşturulması
Pratik görev: Proje çalışması

Üçüncü gün

Proje sunumu hazırlamak.

Projenizi açıklayın
Projenizi savunmak için bir sunum şablonu oluşturun
Projeyi bitir
Siteyi internete koyun

Dersin sonucu: Bir sunum hazırladım ve konuşmanın provasını yaptım.
Pratik görev: projenin sunumunu hazırlayın, web sitesini internete koyun.

Dördüncü gün

Proje koruması.

Proje sunumunu sonlandırın
Projenizi izleyici önünde savunun

Dersin sonucu: Kurs projesi çalışmalarını tamamlayıp velilere sunduk.
Pratik görev: Projeyi sonuçlandırmak, sunum hazırlamak ve yürütmek.

Etiketler bulut

Miscellanea

Puanlama

Görünümler

Yorumlar