Visual Studio Code ile Kendi Lite Sunucumuzu Oluşturalım (lite-server ile)

Bu video da Visual Studio Code ile kendi lite web sunucumuzu oluşturuyoruz. NPM modüllerinden lite-server kullanarak kolayca web sunucu ayağa kaldırarak web sayfalarınızı oluşturabilir ya da çalışmalarınızı yapabilirsiniz. Client-side kütüphaneleri kullanabilir ve front-end geliştirici olabilirsiniz. Ayrıca sunduğu browser sync ve benzeri özelliklerinde hoşunuza oldukça gideceğini düşünüyorum.

Reklamlar

Visual Studio Code ile JSON Sunucusu Oluşturma (JSON Server ile)

Bu video da visual studio code ile json verilerimiz üzerinde GET, POST, PUT, DELETE ve benzeri işlemler yapmamızı sağlayan bir json veri sunucu uygulaması oluşturacağız.

NPM kullanarak Json Server isimli modül’den faydalanacağız ve hiç kod yazmadan hızlı bir şekilde yapıyı ayağa kaldıracağız.

Web sitesi tasarlarken ya da web uygulaması geliştirirken, Client-Side (Front-End) çalışmalarınız da ya da örnek bir API projesi ihtiyacınızı karşılayabilecek bir uygulama oluşturacağız. Böylece hızlı bir şekilde odaklanmanız gereken uygulamaya odaklanabilir ve veri kaynağı sorununu hızlıca çözebilirsiniz.

Ayrıca Json verileriniz üzerinde değişiklik yapabilmenizi de sağlayan json-server modülü ile CRUD operasyonlarını gerçekleştirebilirsiniz. Hatta bir web sitesi içinde bu sunucuyu kullanabilir ve uygulamalar geliştirebilirsiniz.

MS SQL ‘de Veritabanı için Diyagram Oluşturamama Sorunu

MS SQL kullanarak veritabanımız ile çalışırken sıklıkla diyagram’larla sorunsuz bir şekilde çalışabiliyoruz. Diyagram oluşturma esnasında alabileceğiniz diyagram oluşturamama sorunu söz konusu olabilir ki, aslında bunun sebeplerinden biri diyagramlar ile çalışmak için db_owner olarak ilgili veritabanına bağlantı kurduğunuz kullanıcının tanımlanmış olması gerekliliğidir.

Eğer bu sorun ile karşılatıysanız, aşağıdaki adımları takip ederek gerekli tanımı yapabilir ve diyagram oluşturabilir ve diyagram ile çalışabilirsiniz. (Devamını okuyun)

Visual Studio’da GitHub Push Credential Problemi

Visual Studio üzerinden GitHub projeleriniz ile çalışırken push esnasında eğer kullanıcı adı ve şifresi için prompt ekranını açamama sebebi ile hata alıyorsanız(output window da benzer şekilde bir hata mesajı ile belirtilir). Bunun sebebi gerekli Credentials ayarlarının windows tarafından tutulmamış olmasıdır.

Aslında bu durumda Visual Studio üzerinde GitHub erişimi esnasında, size bir login ekranı ile GitHub kullanıcı adı ve şifreniz istenerek windows credentials ayarlarına gerekli kaydetme işlemi yapılarak işleminizi devam ettirir. Fakat “Visual Studio” güncellemesi veya “GitHub For Visual Studio Extension“(genişletmesi) güncel değil ise bu sorun oluşturabiliyor.

Visual Studio Community Lisans Meselesi

Visual Studio Community versiyonu kullanıyorsanız ve günlerden bir gün ya da ilk çalıştırdığınız da “License Required” şeklinde, aşağıdaki mesaj veren bir ekran ile karşılaşırsanız yapmanız gerekenler şu şekildedir.

Sign in düğmesine basarak sahip olduğunuz bir microsoft e-posta adresi ile giriş yapmanız gerekmektedir. Eğer bir e-posta adresiniz yoksa buradan hesap oluşturabilirsiniz.

 

 

Visual Studio ile GitHub Repository İlişkilendirme

Visual Studio ile projelerinizi geliştiriyor ve GitHub üzerinde bir repository’de tutmak istiyorsanız. Aşağıdaki adımları takip ederek projenizi GitHub ‘a aktarabilirsiniz.

GitHub; yazılımcıların ya da firmaların private(özel-paralı) ya da public(açık-ücretsiz) olarak projelerini yayınladığı ve Git mekanizması temelli, projelerinizin depolandığı ve versiyonlanarak proje takibinden dokümantasyona kadar yararlanabileceğiniz, yazılımcıların sosyal ağıdır diyebiliriz.

Öncelikle tabii ki GitHub üzerinde bir hesaba ihtiyacınız var. Bu adımı kolayca gerçekleştirebileceğinizi düşünerek atlıyorum. Ardından repository sekmenize giderek projenizi içine koyacağınız, klasör gibi de düşünebileceğiniz bir repository oluşturuyoruz.

 

Uygulamalı Modern Web Geliştirme Eğitimi Yayında !!

Eğitime hızlıca en güncel kupon kodu ile kayıt olmak için Udemy Eğitimlerim sayfasına bakabilirsiniz. (Açılış’a özel kupon kodunuz : MODERNWEB)

Bu eğitimde sıfırdan başlayarak uygulamalı olarak, özenle ve sizi hedefinize en kısa sürede hazırlayacak şekilde konuları oluşturulmuş bir web geliştiricisi olabilirsiniz. 59 saatlik içerik sizleri bekliyor. Eğitim, güncel yazılım geliştirme araçları kullanılarak hazırlanmıştır..

Eğitimde, Microsoft’un cross-platform(windows, linux, mac) geliştirme aracı olan Visual Studio Code ve Visual Studio kullanılmıştır. Visual Studio Code ile temel web programlama bilgisi olmayan ve web geliştiricisi olmak isteyen ya da eksiklerini kapatarak kendini daha ileri seviyeye taşımak isteyenlere yönelik olarak eğitim hazırlanmıştır.

Visual Studio Code ile en hızlı şekilde her bilgisayar da yazılım geliştirmenin keyfini çıkararak, Visual Studio Code ‘u kullanmayı ve web projesi geliştirmeyi öğrenebilirsiniz.

Visual Studio Code ile Front-End tarafında gereken geliştirmeleri tamamladıktan sonra Back-End tarafında Visual Studio ve MS SQL Server ve C# yazılım dilini öğrenerek, web geliştiricisi olma yolunda daha üst bir seviyeye ulaşabilirsiniz.

Eğitim de bilgi seviyenize göre herhangi bir aşamasından devam edebilirsiniz.

• Front-End gelişitiricisi olarak adlandırılan, web projelerinin arayüz dediğimiz sayfa tasarımları konusunda kendinizi geliştirmek için HTML-HTML5, CSS-CSS3, JS-JQuery, Bootstrap 4 kısımlarına,
• Back -End geliştiricisi olarak adlandırılan; web projelerinin sunucu tarafında çalışan veritabanı işlemleri ve iş süreçlerini işleten C#, T-SQL ve ASP NET MVC kısımlarına,
• Full-Stack olarak adlandırılan, hem Front-End hem Back-End geliştiricisi olarak kendinizi geliştirmek istiyorsanız eğitimdeki tüm bölümlere ağırlık vererek doğrudan ilgili konudan eğitimi işletebilirsiniz.

Sırası ile izlemenizi öneririm.

Eğitim de, bir E-Ticaret sitesi örneği Bootstrap 4 ile tasarlanarak SQL Server’da veritabanının oluşturulması ve ASPNET MVC kodları yazılarak Publish(yayınlama) edilmesi kadar uçtan uca ele alınmıştır.

Eğitim üç farklı IDE(Geliştirme aracını) içermektedir. Front-End tarafında Visual Studio Code ile tüm konular işlenmiş, Back-End tarafında Visual Studio ve veritabanı yönetimi tarafında Microsoft SQL Server Management Studio‘nun güncel versiyonları kullanılmıştır.

Eğitim boyunca amaç ve uygulama olarak, çeşitli tasarım örnekleri ile beraber bir E-Ticaret site tasarımı mobil cihaz uyumlu(responsive) olarak Bootstrap 4 ile tasarlanmış ve Back-End kısmında bu tasarım kullanılarak ve veritabanı yapısı SQL üzerinde oluşturularak, gerekli C# kodlaması yapılarak uygulama örneği oluşturulmuştur.

Projenizin ve veri tabanınızın yayınlanması noktasına kadar anlatılarak, kendi web uygulamanızı, kurumsal sitenizi, blog sitenizi, e-ticaret sitenizi ya da farklı bir alanda faaliyet gösteren projenizi geliştirerek hayata geçirebilirsiniz..