Uctan uca Vuejs

Uygulamalarla birlikte Vue daha iyi kavrayın !

3.75 (49 reviews)
Udemy
platform
Türkçe
language
Web Development
category
Uctan uca Vuejs
239
students
32.5 hours
content
Jan 2023
last update
$19.99
regular price

What you will learn

Vue

Vuex

Vue Router

Code Splitting

Reusable Component Yazmayı

Vue ile beraber Storybook kullanmayı

Webpack ile Vue Projesi Oluşturmayı

Tailwind Css kullanmayı

Temel Nuxtjs

Build & Deploy

Firebase Host

Dockerize Vue App

Vuetify

Vue Form Validation

Bootstrap Css

Github Pages

Nuxtjs

Composition Api

Pinia

Ve Daha Fazlası

Description

Uçtan uca Vuejs eğitimine hoşgeldiniz!

Sizlere sunmuş olduğum bu eğitim;

•Yazılım alanını tanıma.

•Frontend olma yolunda ilerleme ve kendinizi geliştirme .

•Günümüzün FrontEnd Teknolojilerinin yıldızlarından biri olan  Vue ve bileşenlerini öğrenme,çeşitli teknolojileri tanıma ve güncel örnekleme

hedeflerini paylaşıyorum

•Nuxtjs ile beraber Vue  gücüne güç katmayı,

•Tailwind ile Modern Css frameworklerine giriş,

•Storybook ile günümüz frontend ihtiyaçlarından birine sahip olmayı ve storybook ihtiyaçlarını,

•Webpack ile projemizi baştan başa özelleştirmeyi,

•Firebase ve Vercel gibi Cloud ortamlarına proje deploy etmeyi,

•Vitest gibi frameworkler ile kodumuzu test etmeyi,

•Vuex ,Pinia gibi state management işlemleri gerçekleştirmeyi,

•Composition Api ile gelen yenilikleri,

•Typescript ile beraber kodumuzu güzelleştirmeyi

ve çok daha fazlasını öğreniyor olacağız.


Bu kursta sizlere adım adım Vue eğitimi ve yazılım dili olarak gerekli bilgileri ve tecrübelerimi aktaracağım bu sayede bilgiyi doğru ve yeterli şekilde elde edebileceksiniz. Öğrenmiş olduğunuz bilgiler ile piyasa içerisinde bulunmuş olduğunuz firma içerisinde kullanıldıgını görecek ve kendinizi bir adım öne atmış olacaksınız.


Bu kursu neden almalıyım?

Senior Frontend Developer olarak piyasa içerisinde aktif çalışmaktayım.

Yazılım alanını öğrenmek,kendini geliştirmek,bu sektörde iş icra etmek,kariyerinde ilerlemek isteyenlerin aradıklarını bulabilecekleri,teorik bilgileri pratiğe çevirebilecek bir eğitim anlattım.

Vuejs öğrenmesi çok kolay bir framework.



Eğitime kaydolduğunuzda;

•30saat üzeri eğitim

• İstediğiniz de erişim imkanı

•Sorularınızı telegram grubumuzda sorabilirsiniz

•Kariyer oluşturma,ileri seviyeye taşıma imkanı sağlarsınız.



Başlamaya hazır mısınız?

Eğitime bugün başlayabilir; başarılı, çeşitli inovasyon örnekleriyle yazılım uzmanı olmak için ilk adımı atabilirsiniz.

Ben sizlerle bu süreci paylaşmak için sabırsızlanıyorum

Kursta görüşmek üzere.

Content

Giriş

Giriş
Neler Öğreneceğiz ?
Nedir Bu VueJS
Vuejs Avantajları
VueJS Kullanan Bazı Firmalar
Neden VueJS Kullanmalıyız ?
VueJS Two Way Data Binding & Component & Virtual Dom
Bilgilendirme Telegram
NodeJs Kurulumu

Vuejs Giriş

Vue Cli Kurulumu
Package.json Nedir ?
Vue Class Kullanımı İlk Bakış
Vue Style Kullanımı İlk Bakış
Vue Değişken Kullanımı İlk Bakış

Vuejs DOM İşlemleri

Nedir Bu Template ?
Nedir Bu Script ?
Nedir Bu Style ?
Interpolation & Data Binding
Attribute Binding
Directive Nedir ?
Event Dinleme
Event Verisini Almak
Eventlere Parametre Gönderme
Event Modifier
Template İçerisinde Javascript Yazmak
Two-way Data Binding

VueJS Directives

v-html
v-text
v-once
v-show
v-if & v-else-if & v-else
v-for
v-model
v-on
v-pre
v-memo
Custom directive

Vue Plugins

Vue Plugini Oluşturalım

Nedir Bu Data Objesi

Data Objesine Bakalım ?

VueJS Style İşlemleri

Dinamik Class
Dinamik Style İşlemleri

Listeler & Koşullu İfadeler

Listelerin Render Etmek
Listelerde Koşullu İfadeleri Kullanalım
Listelerdeki Verileri Fonksiyonlara Gönderelim
Listeden Eleman Silelim
Belirli Bir Sayıya Kadar Liste Oluşturalım
İç İçe Liste Kullanma
Objeleri Render Edelim

Vue Instance Yakın Bakış

Vuejs Instance Yakından Bakalım
Birden Fazla Instance İle Çalışmak
Instancelar Arası Veri Kullanmak

Component Oluşturma ve Propslar

İlk Component
Daha Fazla Component !
Global Component
Propslar İle Veri Aktarımı
Props Validasyonu
Custom Validation & Array & Function Props
Propsları fonksiyonlarda kullanma
Componentler Arası Veri İletişimi Alttan Üste
Provide Inject Yöntemi İle Veri Gönderme
Componentleri Birleştirelim (Örnek Uygulama)
Nested Component Oluşturma

Slots

Slot Kullanımı
Named Slots
Named Slots Example

Dynamic Components

Dinamik Componentler Oluşturma
Keep Alive
Activated & Deactivated

Teleport !

Teleport Component

VueJS LifeCycles

Nedir bu lifecycles
BeforeCreate & Created
beforeMount & mounted
beforeUpdate & updated
beforeUnMount & unmounted
Child componentlerde LifeCycles

Watch & Computed & Refs

Refs
Multiple Refs
Computed
Watch

Uygulama 1

Uygulama Tanıtım
Uygulama !

Form Elemanlarıyla Çalışmak

Tailwind Css Entegrasyonu
Input oluşturalım
Textarea & Buton oluşturalım
Select oluşturalım
Checkbox & Radio oluşturalım
Custom File input oluşturalım
User Input Bind
Dinamik Select Option Bind
Dinamik Checkbox Bind
File Bind & Dinamik Radio Bind
Form Gönderme İşlemi
Kendi Componentimize v-model bağlayalım
Basit Form Validasyonu
Dinamik Form Input Oluşturma

Vuejs Async Component

Async Component Kullanımı

Animation & Transation

Animasyon Giriş
İsimlendirilmiş Animasyon
TransationGroup
Css isimlendirmesi ve Duration
Animasyon Methotları
Reusable Transation Component
Gsap Kurulum
Gsap İlk Animasyon
Gsap Animasyon Örnekleri

Mixin

Mixin Nedir & Neden Mixin Oluşturmalıyız ?
Mixin Oluşturalım
Global Mixin Oluşturma

$NextTick Kavramı

$Nexttick nedir ?

HTTP İşlemleri

Fetch ile Get Request
Liste Tasarımı Oluşturma
Componentlerimizi Oluşturalım
Liste Render
Loading İşlemi
Hata Durumu
Post Oluşturma
Post Silme
Fetch Yerine Axios Kullanalım
Json server ile kendi serveremizi oluşturalım

Uygulama 2

Uygulama Tanıtım !
Nasa Api Register
Welcome Component
List & Input & Loading
Kartları Render Edelim !

Routing

Vue Cli ile Beraber Router Kurulum
Router İlk Bakış
Router Oluşturma
Router View & Router Link
Router Link Aktif Class & Replace
Router View Grid Örneği
Kod İle Yönlendirme İşlemleri
Route Sensitive & Params
Query & Hash & Params
404 & Path Match
Route Parametre Kontrolleri
Nested Routers
Named Router Views
Alias & Redirects
Scroll Kontrol Edelim
Dinmaik Router Ekleme , Silme , Listeme , Kontrol Etme
Lazy Load Routers !
Routers Meta
Router Meta Örnek Kullanım
Router Guard
Global Router Guard
Router Layoutları Oluşturalım

State Management VUEX

Vuex Nedir ? Neden Vuex Kullanmalıyız ?
Cli ile beraber Vuex Kurulumu
State Oluşturma
Vuex Mimarisinin Uygulanması
State & Commit & Getter Erişelim
MapState
MapGetters
MapMutations
MapActions
Vuex Modules
Named Modules
Store'a dışarıdan erişelim & Strict !
Plugins
Vuejs Developer Tools
Vuex Async Action

Uygulama 3

Uygulama Tanıtım
Uygulama Api Kaynağı
Router Kurulumu & Sayfaların Oluşturulması
Header
Sepet Context
Filtreleme Bileşenleri
Filtreleme & Sort
Product Card & Listeleme
Product Detail
Vuex Kurulumu & State Oluşturulması
Basket Önizleme
Sepete Ekle
Sepet Kontrolü & Sepetten Eleman Silme
Sepet Düzenleme & Sepet Önizleme

Vue Paketleri

Awesome Vue Packages !

Vuelidate ile Form Validasyonu

Vuelidate Paketinin Kurulması
İlk Validasyon & Form Oluşturma
Touch & Dirty & $Model
Daha Fazla Validasyon
Hata Durumlarına Göre Stillendirme İşlemi
Hata Mesajları Gösterimi
Hata Mesajlarını Özelleştirme
Kod İle Validator Çalıştırmak & Validasyonu Sıfırlamak
Array Validasyonu
Custom Validator
Async Validator

Auth İşlemleri

Firebase Proje Oluşturma
Auth Yöntemi Ayarlanması
Signup İşlemi
Login İşlemi
Vue Router Kurulum
Vuex Kurulum
Bootstrap Kurulum
Temel Layoutların Oluşturulması
Auth Form Oluşturulması
Form Validasyonu ve Class Bind İşlemleri
Register Sayfası Oluşturulması
Sayfalarımızı Koruyalım
Register & Login & Vuex
Protected Sayfalara Giriş
Token'ı Storage Kayıt Edelim
Otomatik Logout İşlemi

Vue Config & Build İşlemleri

Vue Config !
Env Files
Preview Build
Deploy GithubPages
Deploy Vercel
Deploy Netlify
Deploy Firebase
Dockerize Vue App

Vuetify

Vuetify Giriş Kurulum
Alert
Banner & Badge & Avatar
Button & Breadcrumbs
Card & Carousel
Chips & Color Picker
Grid & Expansion Panel
Button & Chip Group
Icon & V Hover
Lazy & Image
List & Pagination
Rating & Progress
Sheets & Snackbars
Table & Tabs & Toolbar
Dialogs & Menus & Tooltips
AppBars & Bottom Navigation & Footers & Navigation Drawers & System Bars
AutoComplate & Checkbox & Combobox
Select & Radio & Fileinput
Slider & RangeSlider & Switches
TextArea & TextField & Forms
Directives !

Vue i18 Kullanımı

Vue i18n Kurulum
Html Ekleme & Parametre Ekleme & Kod İle Dile Erişim
Local 18n & Obje Syntax
Mevcut Dil & Kullanılabilir Diller & Dil Değiştirme
Dil Dosyasını Ayıralım
v-t Directive
Component Interpolation
Component Interpolation Template Syntax

Vue & Webpack

Webpack ile Proje Oluşturma & Konfigurasyonlar

Vue & Vite

Vite ile Proje Oluşturma & Konfigurasyonlar

Bonus Temel Typescript

Typescript Nedir ? Neden Kullanmalıyız
Typescript Temel Özellikleri

Vue & Typescript

Vite & Typescript !

Vue & Storybook

StoryBook Nedir & Neden Kullanmalıyız & Kurulum
Storybook Default Componentlerin İncelenmesi
İlk Story
Switcher Bileşeni ve Story Özelliklerine Bakış

Composition API

Composition Api
Setup & Ref
Reactive
isRef & toRef & isReactive
Component Defination
Props
Emits
Element Ref !
Computed
Watch
Custom Directive
Hooks !
Daha Fazla Custom Hooks !
LifeCycles
Vue Router
Vuex
Alternatif State Management Yöntemi Pinia
Vite & Typescript

Vue Vitest!

Bonus : Vitest ile Test

Uygulama 4

Uygulama Tanıtım !
Proje oluşturulması & Vuetify Kurulumu
Router Kurulum
Vuex Kurulum
Firebase Proje Oluşturma
Firebase Entegrasyonu
Auth Layout
Signin Page
Signin & Signup Page
Signin Model & Validasyon İşlemleri
Signup & Users Koleksiyonu Oluşturulması
Signin & User Koleksiyonun Okunması
Main Layout Düzenlemesi
Sidebar Liste Elemanlarının Eklenmesi
Sidebar Menülerin Yönlendirilmesi & Route Tanımları
CreateProduct Sayfası Template Kodlaması
CreateProduct Sayfası Koleksiyon Oluşturma & Validasyon & Storage
Product Oluşturma & Auth Bilgilerinin Store İçerisine Yazılması
Home Sayfası Template Kodlaması
Home Sayfası Listeleme & Paylaş & Favoriler & Kayıt edilenler
Home Sayfası Favorilere Ekleme & Kayıt Edilenlere Ekleme
Detay Sayfasının Oluşturulması
Ürün Detay Sayfası & Verilerin Göstermi & Favori ve Kayıt Edilenlere Ekleme
Kategoriler Sayfası
Kategorilere Ait Ürünleri Listeleme
Favorilerim Sayfası
Kaydedilen Ürünler Sayfası
Ürünlerim Sayfası & Dosya Silme & Ürün Silme
Ürün Düzenleme & Dosya Ekleme, Silme & Ürünü Satıldı İşaretleme
Satılan Ürünler Sayfası
Header Menü Düzenlemesi & Logout
Route Guard & Hook Örneği !

Bonus : Nuxtjs

Nuxtjs Kurulum
Neden Nuxtjs Kullanmalıyız Fark Nedir ?
İlk Bakış & Component Tanımlama
Pages & Router
Layouts
Meta Tags
Vuex
Fetch Data

Reviews

İsmail
May 11, 2023
Kursun şuan 7. bölümündeyim, bir tık yüzeysel gidiyor gibi geliyor farklı kaynaklardan yardım almam gerekiyor ama, belki ilerde tam oturur konular. İsterdim ki her şeyi anlayarak yavaş yavaş ilerleyelim.
Ümit
March 25, 2023
Aşırı yüzeysel ilerleyen bir anlatım tarzı var. Üstüne ses kaliteside gerçekten kötü daha kaliteli bir mikrofonla kayıt alınabilirdi. Vue 3 için güncel bir kurs olduğu için tercih etmiştim. Üzücü bir sonuç oldu.
Bruce
February 28, 2023
bundan önce bir vuejs eğitim seti aldım vue3 olmasına rağmen hem çok eski çıktı bir çok şeyi araştırarak yapmak zorunda kaldım hemde adam ezberden anlatıyor hiç birşeyin mantığını anlatmıyordu. 10 günüm çöp oldu resmen. bu arkadaş çok iyi herşeyin mantığını anlatıyor. bildiğim konuları izlerken bile mutlaka bir alternatifini neyi niçin yaptığımı anladım ve kurs gerçekten kapsamlı çok beğendim eline ağzına sağlık. benim gördüğüm tek eksik şu çok fazla konu işlediği için öğrencinin kafasında oturması için bunların hepsini kapsayan uygulamalar işlemesi daha iyi olurdu. teşekkürler
Can
January 31, 2023
Sektördeki deneyimi ve yalın anlatımı ile yine harika bir kurs olmuş. Vue.JS' i her anlamıyla öğrenmek isteyen birinin kesinlikle edinmesi gereken bir kurs.
Seyfullah
January 30, 2023
Udemy üzerinde bulunan en detaylı eğitimlerden olmuş. Çekeceğin diğer eğitim videolarını da bekliyoruz

Charts

Price

Uctan uca Vuejs - Price chart

Rating

Uctan uca Vuejs - Ratings chart

Enrollment distribution

Uctan uca Vuejs - Distribution chart

Related Topics

4747998
udemy ID
6/23/2022
course created date
2/4/2023
course indexed date
Bot
course submited by