Arka uç geliştirmeden ön uç geliştirmeye kadar ne öğrendim?
Tam metin 2888 Kelimeler, tahmini öğrenme süresi 9 dakika
Kaynak: Pexels
Arka uç geliştirmeden ön uç geliştirmeye geçmek gerçekten kolay değil.
Özellikle arka uç geliştirmenin çalışma moduna alıştığınızda, veri yapıları oluşturmaya, test odaklı geliştirmeye benzer testler yazmaya, kalıcılık katmanlarını, ambarları ve veritabanı diyagramlarını kullanmaya ve ön uç için API arayüzleri oluşturmaya alıştığınızda.
Söylenecek çok şey var. Arka ucun karmaşıklığı vardır, bu nedenle çoğu insanın ön uç geliştirmenin iç işleyişini öğrenmek için zamanı yoktur.
ben de.
İşimi değiştirmeye zorlanıp ön uca aktarılıncaya kadar temelde arka uca bağlı olduğu bile söylenebilir.O andan itibaren, ön uç çerçevesine çok fazla güvenmeden güçlü UI etkileşimli en iyi ürün için kod yazabilirim. , Yükü taşımama yardımcı olması için çerçeve tarafından sağlanan kara kutuya ihtiyacım yok ve ayrıca harika uygulamalar oluşturabilirim.
Arka uçtan ön uç geliştirmeye kadar şu ana kadarki deneyimim aşağıdadır:
Her şeyin kullanıcı arayüzü ve kullanıcı deneyimi ile ilgisi var
Arka uçta, en endişe verici şeyler veri yapısı, veritabanı yapısı ve performansı, kod mimarisi, hizmetler ve ön uç mühendislerin anlayıp kullanabileceği güçlü API'lerdir.
Ön uç çok farklı. Geliştiricilerin, kullanıcı arayüzüne, kullanıcıların uygulamayla nasıl etkileşimde bulunduğuna dikkat etmesi ve ardından kullanıcı deneyimini nicel olarak değerlendirmesi gerekir. Bazen kendi kullanıcı deneyiminizi tasarlamanız ve ardından uygulama sürecini iyileştirmeniz gerekir.
Ön uç geliştirmeyle ilgili sevdiğim şey, doğrudan kullanıcı ihtiyaçlarını karşılayabilmesi ve deneyimlerine odaklanabilmesidir. Ön uç yaklaşımı, arka uçtan farklıdır, çünkü ön uç kullanıcı merkezlidir ve her şey, kullanıcıların veri yapılarıyla uğraşmak yerine uygulamanızı kullanmalarını nasıl daha rahat hale getirecekleri etrafında döner.
Projenin başında kullanıcı arayüzünü ilk sıraya koyun ve başvuru sürecini düşünün
Ön uç becerilerini geliştirmek için kişisel bir proje başlattığımda, "kullanıcı düğmelere tıkladığında ve UI bileşenleriyle etkileşime girdiğinde kullanıcı arayüzünün nasıl çalışacağını ve ilerleyeceğini" düşünmek düşünme modumu büyük ölçüde geliştirdi.
Arka uçta çalışırken, kullanıcılarla nasıl etkileşim kuracağımı ve kullanıcı süreçlerini nasıl iyileştireceğimi hayal edemiyorum çünkü neredeyse sadece CRUD (veritabanı ekleme, silme, değiştirme ve kontrol etme) işlemlerini ve uygulamanın en önemli ve hassas bilgiler dahil olmak üzere verileri veritabanında nasıl depoladığını önemsiyorum. Formüller, kredi kartı bilgileri vb. Bu yüzden kullanıcı arayüzü ile ilgili işler yaptığımda gerçekten berbat.
Ön uca aktarıldıktan sonra durum çok farklı. Şimdi, önce kullanıcıların uygulamayı nasıl kullanacaklarını ve etkileşime gireceklerini ve bu deneyimi beğenip beğenmeyeceklerini düşüneceğim. Ardından, kullanıcı arayüzüne veya ekran modeline göre uygun bir arka uç yapısı ve veritabanı tasarlayacağım.
Kullanıcı arayüzünün yeniden kullanılabilirliğinin nasıl iyileştirileceğini düşünmek
React gibi ön uç çerçevelerin ortaya çıkışından bu yana, geliştiriciler kullanıcı arayüzünü "bileşenler" perspektifinden değerlendirip düzenlediler. Bileşenler farklı sayfalarda yeniden kullanılabilir, bu iyi bir şeydir. Artık UI bileşenlerini yeniden kullanmak için çaba harcamak yok, çünkü UI bileşenleri artık standartlaştırılmıştır.
Söylediğim gibi, ön uca geçiş, kullanıcı arayüzünün yeniden kullanılabilirliği hakkında düşünmemi sağladı ve karar verme seviyemi geliştirdi. React, Vue veya Angular olsun, projenin ihtiyaçlarını ve kapsamını karşılayan bir front-end framework seçerken doğru olanı seçebilirim.
UI bileşenlerini farklı projeler ve ekiplerle paylaşmak istiyorsanız, size yardımcı olup olamayacağını görmek için Bit'in araçlarına bir göz atmanız önerilir.
Kendi uygulama modelinizi oluşturun
Kendi fikirlerim için bir model oluşturmayı öğrenmenin ön uç becerilerin kendisiyle hiçbir ilgisi olmayabilir, ancak şüphesiz görsel efektleri optimize etmeme yardımcı oldu, böylece kendi tasarımımı daha iyi taklit edebilir ve ön uçta yazabilirim.
Bir model oluşturma becerisi front-end becerisinden farklı ama diğerlerinin modeline ve tasarımına göre front-end kod yazabilmek beni heyecanlandırıyor.Ayrıca kendi modelimi inşa edip öğrendiğim front-end teknolojiyle yazmak heyecan verici.
Her şeyin web tarafı performansı ve istemci tarafı optimizasyonu ile ilgisi var
Sadece kullanıcı arayüzüne değil, aynı zamanda müşteri ve web sayfalarının performansına da dikkat etmelisiniz. Bu önemlidir, çünkü kullanıcı zaman zaman tarayıcıyla etkileşime girecek, yani ön uç kodla etkileşime girecektir.
Bu nedenle, ister yerel depolama gibi bir önbelleğe alma stratejisi kullanmak, ister JavaScript kodunun sıkıştırmasını en üst düzeye çıkarmak, web paketi ile paketlemek ve dönüştürmek veya kodda dinamik içe aktarmayı kullanmak olsun, web sayfasının performansını iyileştirmenin gerekli olduğunu düşünüyorum.
Optimizasyonun yalnızca arka uçtan değil, aynı zamanda ön uçtan da geldiğini, web tarafı uygulamalarının kullanıcılarına sorunsuz bir deneyim getirebileceğini fark ettim.
Duyarlı web sayfaları oluşturmayı öğrenin
Hızlı ve duyarlı web sayfaları oluşturmak, şüphesiz ön uç geliştirmedeki baş ağrılarından biridir. Geliştiriciler, kullanıcı ister masaüstü bilgisayar, ister dizüstü bilgisayar veya akıllı telefon kullanıyor olsun, farklı cihazlarda UI yanıtının yeterince hızlı olmasını sağlamalıdır.
Ön uç geliştirme becerilerini ilk kez öğrenmeye başladığımda, püf noktasını bulana kadar bunu hala bir baş ağrısı olarak görüyordum. Kesin olmak gerekirse, hızlı yanıt veren bir web sayfası oluşturmak basit görünebilir, ancak başından beri yanıldığımı fark etmemiştim.
Elbette, ön uç çerçeveye güvenmeyi planlıyorsanız, bu sorun doğal olarak ortadan kalkacaktır. Ancak, çerçeveye çok fazla güvenmek istemiyoruz, sıfırdan başlamak ve ön uç geliştirmenin nasıl çalıştığını öğrenmek istiyoruz.
Kaynak: Pexels
Arama Motoru Optimizasyonunu (SEO) Öğrenin
SEO, uygulama ana sayfasının sıralamasını iyileştirmenin arkasındaki itici güçtür, bu nedenle SEO öğrenmek de çok önemlidir.
SEO, müşterilerin veya uygulamaların sıralamaları iyileştirmesine yardımcı olmak için genellikle ön uç uygulamalarda kullanılır, böylece potansiyel kullanıcılar uygulamayı hızlı bir şekilde görebilir ve kullanabilir.
Front-end teknolojisini öğrendiğim için SEO'nun uzmanlaşılması gereken önemli bir teknoloji olduğundan emin olabilirim, hatta kullanıcılar veya uygulamanın kendisi için satışları artırabilir.
Basamaklı Stil Sayfalarından (CSS) yararlanın
CSS, ön uç geliştirmenin önemli bir parçasıdır. CSS becerilerinde ustalaşamıyorsanız ve UI bileşenlerini düzenlemek için CSS'yi nasıl kullanacağınızı bilmiyorsanız, ön uç departmanında yerinizi alamazsınız.
Başlangıçta benim için çok zordu. Keskin bir tasarım vizyonum yok ve UI bileşenlerini tercihlerime göre nasıl düzenleyeceğimi bilmiyorum. Ancak, ön uç geliştirmeyi öğrendikçe ve yavaş yavaş CSS'de ustalaştıkça, ikinci bir doğa gibiydi ve artık endişelenmeme gerek kalmadı.
Bu nedenle, ön uç geliştirme departmanına geçerek CSS'de mükemmel bir şekilde ustalaştım.
Ön uç çerçevelere çok fazla güvenmemeyi öğrenin
Geçmişte arka planda çalışan biri olarak, yalnızca işi tamamlamak ve ürünü başkalarına aktarmak için ön uç çerçevesine güvendiğimi itiraf etmeliyim.
Bir başlangıç şirketinde çalıştığımda, yalnızca arka uç becerilerinde ustalaştım. Açılır menüler ve kenar çubukları için her zaman ön uç kullanıcı arabirimi kitaplıklarına ve çerçevelerine güvenirim, ancak bu işleri kolayca karmaşıklaştırır ve ön uç kodunun bakımı zorlaşır, çünkü Küçük bir temel kod parçası bile ön uç kitaplığından ayrılamaz.
Tam zamanlı bir ön uç geliştirici olma yolunda ilerlemek beni daha özgür kılıyor. Çünkü, sadece ön uç kullanıcı arayüzünün daha iyi görünmesi ve etkileşimin daha pürüzsüz hale getirilmesi için çerçevenin yanı sıra başka birçok yöntem var. Ön uca geçme konusunda neyin farklı olduğunu söylemek isterseniz, ön uç bileşenlerini nasıl düzenleyeceğinize ve çerçeveye çok fazla güvenmek zorunda kalmadan onları nasıl hareket ettireceğinize özgürce karar verebilirsiniz.
Tasarımcı olmak istiyorum
İlginç. Arka uçtan ön uca geçtiğimde, kendime tasarımı öğretmek istedim. Örneğin, her şeyi sıfırdan tasarlayın ve ardından tasarımımı son birkaç yılda ustalaştığım ön uç becerilerle kodlayın. Sonra Adobe Photoshop öğrenme fikrini aldım, tabii ki becerilerimi geliştirmek de aylar alıyor.
Bununla birlikte, front-end çalışmanın hayal gücünü zenginleştirdiğine şüphe yok ve aynı zamanda tasarımı öğrenebileceğim için de heyecanlıyım!
Kaynak: Pexels
Ön uç ve arka uç bir kişinin bakış açısından, ön uç çalışması, temel ön uç becerilerini sağlam bir şekilde kavrayana kadar ve uygulama geliştirmek benim için ikinci doğa haline gelene kadar başlangıçta gerçekten zordu.
Farklı insanlara sorarsanız, diğerleri ön uç programlamanın ilk bakışta çok kolay olduğunu düşünebilir, ancak benim için ön uç programlamanın ilk başta kesinlikle bir zorluk olduğunu düşünüyorum.
Artık web geliştirme ekosistemi her geçen gün değişiyor. Ön uç becerilerini öğrenmenin kariyerim için yararlı olduğunu ve müşterilerime daha fazla yardımcı olabileceğini düşünüyorum, bu yüzden hemen ön uç dalgasına daldım ve ön uç teknolojiyi öğrenmeye başladım.
Arka uçtan ön uca geçiş yapmak isteyen ancak nereden başlayacağını bilmeyenler için önerilerim şunlar: özgürce yapın, sıkı çalışın, sağlam bir temel oluşturun, doğru becerileri / teknikleri öğrenin, ön tarafta geliştirin Becerilerinizi sahnede gösterin!
Yorum Beğen Takip Et
Yapay zeka öğrenme ve geliştirmenin kuru mallarını paylaşalım
Yeniden yazdırıyorsanız, lütfen arka planda bir mesaj bırakın ve yeniden yazdırma şartnamelerine uyun
