2020'de (ve sonrasında) ön uç geliştirici olmanın anlamı

Ön uç geliştiricinin ön uç kısmının gerçekten ne anlama geldiğini hiç düşündünüz mü? Bir keresinde Eric Meyer'e (neredeyse web siteleri olduğu sürece web siteleri inşa ediyor) bu terimin ne anlama geldiğini çok erken günlerde bilip bilmediğini sordum ve evet dedi. Dolayısıyla, bu yepyeni bir unvan veya konum değil, ancak yıllar içinde kesinlikle kapsamı değişti.

​​“Ön uç” esasen web tarayıcısı anlamına gelir. Kendimi bir ön uç geliştirici olarak görüyorum ve bana bir web tarayıcı geliştiricisi deseydiniz, bundan gerçekten nefret etmem. Ancak, bu muhtemelen anlaşılmaz (ve web tarayıcıları oluşturduğunuz gibi sesler). Bir ön uç geliştirici olarak, web tarayıcılarıyla çok yakın çalışırsınız ve özellikle HTML, CSS, JavaScript ve web tarayıcılarının konuştuğu diğer birkaç dil (örneğin, SVG gibi medya biçimleri) içinde çalışan kodu yazarsınız. Veya, belki de daha yaygın olarak açıklanan, sonuçta tarayıcıların anladığı dillere işlenen kod. Bir ön uç geliştirici olarak bu sizin bölgeniz!

Tarayıcılar tek başlarına var olmazlar, geniş bir cihaz yelpazesinde çalışırlar. Duyarlı tasarım çağında bunu öğrendik. Ve en önemlisi: kullanıcılar bu tarayıcıları bu cihazlarda kullanır. Hiç kimse kullanıcıya ön uç geliştiricilerden daha yakın değildir. Bu nedenle ön uç geliştiriciler, çok çeşitli cihazlarda çalışan tarayıcıları kullanan kişiler için kod yazar.

​​Kullanıcılardan, cihazlardan ve tarayıcılardan oluşan bu devasa ortamla uğraşmak bile başlı başına bir iştir! Her gün iş unvanınız hakkında felsefi olarak düşünmediğinizi düşünürdüm ve sorun değil; Burada yaşlı büyükbaban Chris ile biraz kafa yoruyoruz.

​​Bir kodlama eğitim kampından yeni mezun olduysanız ve web siteleri oluşturma deneyiminiz biraz dar ve yeniyse, ön uç geliştirmeyi “React şeyler” ve arka uç geliştirmeyi “Düğüm” olarak düşünüyorsanız affedilebilirsiniz. şeyler” veya “Python malzemeleri” gibi bugünlerde en sıcak lezzetler. Sen de yanılmıyorsun. React genellikle bir ön uç çerçeve olarak kullanılır (tam anlamıyla tarayıcılarda çalışan JavaScript'tir). Düğüm ve Python, web tarayıcılarında gerçekten çalışmayan dillere örnektir; web sunucularında (uhh, bilgisayarlar) çalışacak şekilde oluşturulmuştur.

​​Bir süre bu alanda takılırsanız, bu kitaplıkları, dilleri, oluşturma süreçlerini ve hatta web sitelerinin en iyi nasıl oluşturulacağına dair tüm felsefelerin yavaş bir gelgit gibi gelip gittiğini göreceksiniz.

Eski zamanlardan birinin zaman zaman yumruğunu sallayarak, geçmişin hatalarından ders almamız gerektiğini haykırdığına tanık olabilirsiniz. Ayrıca, özellikle şamatacı bir gencin yumruklarını aynı derecede yükseğe sallayarak geçmişi alakasız bir bağlam olarak ve artık yararlı bir konuşma noktası olmaktan çıkararak telaffuz etmesine de tanık olabilirsiniz.

Muhtemelen ikisi de haklı. Kimse kötü olmadığı sürece, hepsi akışın bir parçası.

İşler değişir. Bugünün birçok web sitesinin geçmişin web sitelerinden daha karmaşık olduğunu doğru buluyorum. Özellikle büyükleri. Sosyal ağlar ve medya oynatıcılar. Seyahat rezervasyon siteleri. E-ticaret vitrinleri. Mühendislik araçları. Bu siteler büyük başladı ve daha da büyüdü. Onları destekleyen büyük ekiplerle kendi başlarına ekonomiler. Bu karmaşıklık, web teknolojisindeki değişimin bir nedeni ve yeni ve eski okullar arasında bir sürtüşme nedenidir (bunu basitçe çizebilirsek).

Teknoloji alanında çalışan birçok kişi, esasen büyük bir web sitesi için çalışır. Ve bu yüzden en sık bu insanlardan duyuyoruz. Bu insanlar araçlar inşa ediyor. Blog yazıları yazıyorlar, podcast'lere gidiyorlar, konuşmalar yapıyorlar. Kendi ihtiyaçlarına göre teknolojinin kendisini değiştirmeye yardımcı olurlar.

​​Tüm bu süre boyunca, "ön uç" hala yalnızca tarayıcıdır. Tarayıcı dilleri, HTML, CSS ve JavaScript hala oyundaki temel teknolojilerdir. Bu diller gelişir ve tarayıcıların kendileri de gelişir, ancak daha yavaştır. Silikon Vadisi'nin en sevilen sloganının tam tersini yapıyorlar: hızlı hareket et ve bir şeyleri kır . Yavaş hareket ederler ve çok nadiren bir şeyi kırarlar.

​​Bir ön uç geliştirici olmak, hala bu tarayıcıları bu cihazlarda kullanan kullanıcıları önemsemektir. Onların tecrübesi bizim işimiz. Aletler, umarım bunu yapmamıza yardımcı olur.

Peki ön uç geliştirici olarak ne yapıyorsun ?

• ​​Her ekranda iyi görünecek şekilde tasarımı yürütüyorsunuz
• İçeriğe anlambilim uyguluyorsunuz
• Parçaları ve stilleri verimli bir şekilde yeniden kullanabilmeniz için kullanıcı arayüzünü soyut olarak oluşturuyorsunuz
• Tarayıcıda görüntülenenlerin erişilebilirliğini düşünüyorsunuz
• ​​Sitenin performansıyla ilgileniyorsunuz, bu da tarayıcı tarafından ne kadar büyük ve ne kadar kaynak kullanıldığıyla ilgilendiğiniz anlamına geliyor.

​​Bu şeyler her zaman doğru olmuştur ve her zaman olacaktır, çünkü bunlar temelde tarayıcı düzeyinde endişelerdir ve ön uç budur.

Değişen şey, tarayıcının giderek daha fazla iş yapabilmesidir. Bunun, tarayıcı API'lerinin daha yetenekli hale gelmesi, kitaplıkların daha şık hale gelmesi ve genel olarak bilgisayarların daha iyi hale gelmesi gibi her türlü nedeni vardır. İşleri sunucudan tarayıcıya boşaltmak, yıllar içinde giderek daha anlamlı hale geldi (tek sayfalı uygulamalar!). Sarkaçın geri döndüğünü (önceden oluşturulmuş siteler!) ve bir orta yol bulmasını (JAMstack!) izlemek ilginç olsa da.

​​Bugünlerde ön uç geliştirme şunları içerebilir:

• ​En küçük bileşenden tüm sayfalara kadar tüm siteyi URL düzeyine kadar tasarlama
• ​​API'lerden kendi verilerinizi getirme ve verileri görüntüleme için gerektiği gibi değiştirme
• Sitenin durumuyla kendi başınıza ilgilenmek
• ​​Kullanıcı etkileşimi yoluyla verileri mutasyona uğratma/değiştirme ve bu verileri API'ler aracılığıyla giriş ve durumda ve sunuculara geri döndürme

​Bu eski geliştiricinin genişleyen gözleri için, artık tarayıcıda yapılabileceklerin hepsi bunlar. Zaten yapmanız gereken tüm şeylerin üstünde olduğunu düşündüğünüzde, bu bir saman yığını sorumluluktur.

​​Bu saman yığını yıllar içinde artma eğiliminde olsa da, ön uç geliştiriciler olarak sahip olduğumuz yol gösterici ışık o kadar da değişmedi. Temel sorumluluğumuz, cihazlarda web tarayıcıları kullanan kullanıcılarla ilgilenmeye devam etmektir. Bu yüzden bazı verileri almamız gerekiyor. Bu harika, kullanıcılarımızın ihtiyaçlarına hizmet etmek için hızlı, anlamsal, erişilebilir bir sayfa oluşturmak için hizmette yapıyoruz. Bu yüzden bir tasarım sistemi oluşturmamız gerekiyor. Bu harika, bunu kullanıcılarımız için tutarsız bir karmaşa yaratmadan gelişebilen anlaşılır bir arayüz oluşturmak için yapıyoruz. Bu yüzden bazı yeni tanıdık olmayan teknolojiler öğrenmeliyiz. Pekala, dikkatli olmak ve sitemizi kullanıcılar için daha iyi hale getirmek için eninde sonunda yeni şeyin orada olduğundan emin olmak bizim işimiz.

İyi şanslar!

Sırada ne var: Chris Coyier, web sitelerine güç sağlamak için neden Yerel ve Volan'ı seçiyor?

Chris'in sitelerini bir sonraki düzeye taşımak için Yerel ve Volan'ı nasıl kullandığını öğrenin. Favori özelliklerinin neler olduğunu, sitelerini taşımak için Flywheel'e nasıl güvendiğini (ücretsiz!) ve çok daha fazlasını görün! Daha fazlasını öğrenmek için buraya tıklayın.