top 25 web developer interview questions
Bu öğretici, sık sorulan bir dizi Junior ve Senior-level front-end web geliştiricileri için Web Developer Röportaj Soruları ve Cevapları:
Pazarlama ekibinin güvenilir bir web varlığı oluşturması, ürünlerini ve hizmetlerini potansiyel müşterilerine tanıtması, takip etmesi ve mevcut müşterilere satış sonrası hizmetler sunması önemlidir.
Web uygulamaları, küresel olarak erişilebilir olmak, tanınır olmak ve ürünlerini ve hizmetlerini uluslararası pazarda sunmak amacıyla oluşturulur.
youtube'dan video indirmek için yazılım
Web tabanlı uygulamalar oluşturmak için, kullanıcı etkileşimleri, DOM öğelerini işlemek, istemci girişlerini doğrulamak ve dinamik hale getirmek için HTML5, Basamaklı Stil Sayfası CSS3, JavaScript ve JS kitaplıkları gibi biçimlendirme dilleri hakkında derinlemesine bilgi sahibi olmak zorunludur. ve duyarlı web sayfaları.
Ne öğreneceksin:
Web Geliştirme Nedir
Web geliştirme, çevrimiçi e-ticaret siteleri, Amazon, Flipkart, eBay vb. Gibi web tabanlı uygulamaların ve Facebook, LinkedIn, Instagram ve Twitter gibi Sosyal Ağ sitelerinin oluşturulması ve sürdürülmesiyle ilgili çalışmaları ifade eder.
Bu aynı zamanda bilgi yayınlamak ve farkındalık yaratmak için demiryolları, bankalar, tüm büyük devlet siteleri için web siteleri oluşturma çalışmalarını da içerir.
Web konferansı yazılımı Skype, Zoom, GoToMeeting kullanarak haber kanalları aracılığıyla kamu bilinci oluşturun ve eğitim sağlayın. Netflix, Amazon Prime, MX oynatıcı vb. Gibi web dizileri aracılığıyla çevrimiçi eğlence sağlayın. Öğrencileri eğitin, müşterilere ve ekiplere coğrafi sınırlar boyunca hitap etmek için toplantılar düzenleyin.
Şimdi, gençler için en yaygın Web Geliştiricisi mülakat sorularının yanı sıra üst düzey mülakatlara geçelim.
Sık Sorulan Web Geliştiricisi Mülakat Soruları
S # 1) Bir tarayıcının işlevselliğini açıklayın.
Cevap: Tarayıcı, çeşitli özellikler sunar. Bunlar aşağıdaki gibidir:
- HTML sayfalarına ve web tabanlı uygulamalarda kullanılan tüm web öğelerine ve ayrıca web sitelerine erişmeye yardımcı olur ve diğer sitelerden gelen yanıtları isteklere yanıt olarak görüntüler.
- Adres çubuğuna URL veya web adresi girerek ilgilendiğiniz site için web'de arama yapmaya ve arama motorlarından herhangi birini kullanarak yanıtı görüntülemeye izin verir.
- Gezinme kontrolleri, ileri gitmek için geri düğmesi ve ileri düğmesi tıklatılarak en son açılan sayfalara geri dönmek için kullanılır.
- Tarih, ziyaret edilen sitelerin kaydını kronolojik sırayla tutar. İlgilendiğiniz siteleri daha sonraki bir aşamada başvurmak veya keşfetmek için hatırlamanıza veya yer imlerine eklemenize olanak tanır. Ayrıca önceden ziyaret edilen siteleri önbellek biçiminde kaydeder ve ziyaretçinin siteler tarafından tanınmasını sağlayarak bu sitelere daha hızlı erişim sağlar.
- Kimlik doğrulaması gerektiren sık kullanılan web siteleri için parolaları yönetir ve çoğu durumda kullanıcıların hesapta oturum açmış durumda kalmasını sağlar.
- Çeşitli sitelere erişim, API çağrıları aracılığıyla bilgi alışverişi, e-posta, veri ve medya dosyası paylaşım yazılımı yoluyla iletişim sağlar.
Tarayıcı örnekleri: Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari.
S # 2) HTML 5, CSS3, JavaScript ve bunların web geliştirmedeki önemini açıklayın.
Cevap:
- HTML, bir web sayfasının yapısını sağlayan bir dizi etikete sahip, platformdan ve tarayıcıdan bağımsız bir biçimlendirme dilidir.
- CSS, sayfa düzenini ve içeriğini stille iyileştirir.
- JavaScript, web öğelerinin davranışını kontrol eder ve böylece web sitenizi etkileşimli / duyarlı hale getirir, kullanıcı giriş değerlerini doğrular, web sitesi ziyaretçisinin bilgilerini yakalar ve önceki ziyaretçileri tanır, blog gönderisi ziyaretçilerinin tıklama oranının analiz edilmesine yardımcı olur.
S # 3) Framework'ten ne anlıyorsunuz?
Cevap: Framework, uygulamalar oluşturmak için bir platform sağlayan bir yapıdır. Birbirlerine dahili olarak bağlanacak / bütünleşecek şekilde yapılandırılacak şekilde yerleştirilmiş benzer türde dosyaların bir koleksiyonudur.
Misal: Dosya yükleme özelliği, dosya içeriklerini okuma, PDF'deki raporlar ve web uygulamalarıyla entegre benzer formatlar gibi ortak işlevleri gerçekleştirmek için iyi test edilmiş, önceden yazılmış ve derlenmiş sınıflar içeren API çerçevesi.
S # 4) Web geliştirme bağlamına sahip bir kitaplık nedir?
Cevap: Bir kitaplık, geliştiriciler tarafından geliştirilen ve depolarda bulunan beklenen işlevler için önceden test edilmiş ve tasarlanmış bir kod koleksiyonudur. Web geliştiricileri, aynı işlevselliği baştan gerçekleştirmek için kodu yeniden icat etmek yerine bu kitaplıkları entegre edebilir ve işlevlerini kullanabilir.
Verilerinizi pdf formatındaki dosyalara aktarmanıza yardımcı olması için uygulamanızda iText ve Apache FOP kitaplıklarını kullanabilirsiniz.
S # 5) Tarayıcı donma sorununun nedenleri nelerdir?
Cevap: Temel nedeni belirlemek ve sık sık tarayıcı donma sorununu çözmek için aşağıda belirtilen adımları izleyin:
Burada, Google Chrome'u varsayılan tarayıcı olarak düşünüyoruz.
- İnternet ile ilgili herhangi bir sorunu kontrol edin: Pencere simgesine tıklayın (Başlat) -> Denetim Masası'nı seçin -> Ağ ve İnternet altında -> Ağ durumunu ve görevleri görüntüle'ye tıklayın -> Etkin ağınızı görüntüleyin'i işaretleyin - bağlan veya bağlantıyı kes'e tıklayın -> Seçilen için İnternet bağlantısını görüntülemelidir ağ.
- Chrome düzgün kapatılmamış: En uçtan sağ köşeye, sağ tıklayın ve görev yöneticisini başlat'ı seçin, işlemler sekmesi altında birden fazla chrome.exe bulursanız, bu kayda sağ tıklayın ve İşlemi bitir'i seçin. Bu, RAM alanını boşaltacaktır. Ardından, Chrome'u yeniden başlatın.
- Chrome Uzantılarını Devre Dışı Bırak: Chrome tarayıcısını açın ve adres çubuğuna -> chrome: // extensions / yazın ve Enter tuşuna basın. Tüm aktif uzantıları devre dışı bırakın ve Chrome tarayıcısını yeniden başlatın. Chrome uzantılarına gidin ve tüm uzantıları etkinleştirin.
- Bilgisayarı kötü amaçlı yazılımlara karşı tarayın: Chrome'u başlatın ve ayarlara gidin. Gelişmiş'e tıklayın, Sıfırla ve Temizle'yi bulun. Bilgisayarı temizle'ye tıklayın.
- Chrome ayarlarını sıfırlayın: Chrome'u başlatın, ayarlara gidin, Gelişmiş'i tıklayın, Sıfırla'yı bulun ve temizleyin ve Ayarları orijinal varsayılanlarına geri yükle'yi tıklayın.
- Uyumsuz uygulamaları kaldırın: Tarama sırasında, Chrome herhangi bir uyumsuz uygulama tespit ederse, güncellemeyi tıklayın veya uyumsuz uygulamaları kaldırın.
- Son olarak, sorun devam ederse, Chrome sürümünü kaldırın ve en son sürümü yükleyin.
S # 6) Web sitenizi ziyaret eden kullanıcılar için kullanıcı deneyimi nasıl iyileştirilir?
Cevap: Aşağıda, kullanıcı deneyimini iyileştirmek için öneriler verilmiştir:
- Web siteniz / uygulamanız 7 gün 24 saat çalışıyor olmalıdır.
- Yoğun zamanlarda veya sezonda birden çok kullanıcı erişim yükünü kaldırması gerekir.
- Kullanıcı dostu olmalı ve ziyaretçinin aradığı özelliklere gitmek kolay olmalıdır.
- Ürün özelliklerinizi tanıtmak için ilgi çekici videolar olmalıdır.
- Web sitesi, girilen anahtar kelimelere göre arama motorlarından aranmalıdır.
- Web sitesi, işlemler için tüm olası alternatifleri içeren bir ödeme ağ geçidi ile entegre edilmelidir.
- Kullanıcıların ürününüzü satın almaya karar vermesi için ücretsiz olarak kullanılabilen özellikleri olmalıdır.
- Web sitesine erişilirken kullanıcı verileri güvence altına alınmalıdır.
- Oturumlar ve önbellek özellikleri geri dönen ziyaretçileri tanımalıdır.
S # 7) Web geliştirmede kullanılan video formatları nelerdir?
Cevap: Web geliştirmede desteklenen ve kullanılan bazı video biçimleri aşağıda listelenmiştir:
- Microsoft tarafından AVI
- FLV Adobe flash video oynatıcı
- Windows media player tarafından desteklenen WMV
- QuickTime oynatıcı tarafından MOV
- Cep telefonları ve diğer platformlar tarafından desteklenen MP4
S # 8) Web sitenize erişilebilirlik özelliklerini nasıl dahil edersiniz?
Cevap: Erişilebilirlik, özel ihtiyaçları, engelleri olan ziyaretçilerin web sitenize erişmesine ve keşfetmesine izin vermek için web sitenize uygulanması gereken temel bir özelliktir.
- Web sitesi klavye dostu olmalıdır, yani tüm özelliklere fare kullanılmadan erişilebilir olmalıdır.
- Kullanıcılar, GIF dosyaları, animasyonlar, video dosyaları gibi dinamik ve hareketli içeriği kapatabilmelidir. Bu içerikler epileptik kullanıcıları olumsuz etkileyebilir.
- Videoları izlemek için konuşma metinleri / altyazılar. Sağır kullanıcılar için altyazılı bir video izlemek yeterli değildir, video çalışırken altyazı gibi özellikler gösterilmelidir.
- Sesli yardım özelliği ve görme engelli ziyaretçiler için fotoğrafları, grafikleri ve düğmeleri etiketleme, web sitesinde sunulan özellikleri keşfetmeye ve kullanmaya yönelik adımları takip etmek için çok önemlidir.
- Arama çubuğundaki otomatik tamamlama özellikleri ve gecikmiş veya zayıf motor becerileri olan ziyaretçiler için bulunması kolay özellikler.
- Tıklanabilir alanın boyutunu artırın. Renk körlüğü yaşayan ziyaretçiler için ince renkler kullanın.
S # 9) AJAX'ı web uygulamanıza ne zaman uygularsınız?
Cevap: AJAX, sayfanın tamamını yeniden yüklemeden sayfa içeriğinin bölümünü günceller. Bu özellik, kullanıcı hızlı sonuçlara ihtiyaç duyduğunda, gönder düğmesine tıklayarak gönderilen isteği ve yanıtı beklemede herhangi bir gecikme olmaksızın gereklidir. Sunucu yükü, AJAX'ı bant genişliğinden tasarruf sağlayan daha az sayıda istek ile uygulayarak azaltılabilir.
Form doğrulama için AJAX'ı kullanabilirsiniz. Açılır pencereler yerine, ışık kutusu kullanılabilir, içeriği tablo biçiminde sıralayabilir ve filtreleyebilir, sonuçları veya oyları sohbet uygulamasını kullanarak görüntüleyebilir, kimlik doğrulama kontrolleri için captcha'yı yeniden yükleyebilir.
S # 10) Web tabanlı uygulamalarda web hizmetlerini nasıl uygulayabiliriz?
Cevap: Web uygulaması, HTTP protokolünü kullanarak bir web hizmetine istek gönderir. Belirli bir URL'de, web hizmeti isteği işler ve yanıtı uygulamaya geri döndürür. SOAP ve RESTful, iki tür web hizmetidir.
S # 11) Web sitenize nasıl ve hangi güvenlik özelliklerini uygulayabilirsiniz?
Cevap: Web sitenizi veri hırsızlığına karşı korumak için, web sitenizin güvenliğini artırmanız gerekir.
- Parolanın en az 10 karakter içermesine izin veren ve üst, alt, özel karakterler ve rakamlar içermesi için güçlü parola politikası uygulayın.
- Web sitenizi yükleyen ana bilgisayar, içeriğinizi güvence altına almak için bir yedekleme tesisine, yüklenmiş antivirüs ve güvenlik duvarına sahip olmalıdır.
- Yetkisiz ziyaretçinin hesabınıza erişimini önlemek için Giriş sayfasında Captcha, OTP özellikleri, hesap engelleme özelliği (3 yanlış şifre girilmesi durumunda) vb.
S # 12) Web siteniz aracılığıyla e-posta göndermek için hangi yapılandırma ve kurulum gerekli?
Cevap: İdeal olarak, SMTP'nizi Gmail SMTP gibi üçüncü taraf bir hizmeti kullanarak tek bir sunucuda yapılandırabilir veya ana bilgisayar adı, bağlantı noktası, kullanıcı adı ve şifre kullanarak elastik e-posta kullanabilirsiniz.
S # 13) Duyarlı bir web sitesini ne için kurardınız?
Cevap: Duyarlı web tasarımı, tarayıcı genişliğini ve yüksekliğini masaüstü veya dizüstü bilgisayar monitör boyutuna göre masaüstü bilgisayarlara, tabletlere ve mobil cihazlara göre otomatik olarak yeniden boyutlandırmaya yardımcı olur.
S # 14) Veri alışverişi için formatlar nelerdir?
Cevap: Çeşitli veri değişim biçimleri XML, CSV, JSON ve Metin biçimleridir.
S # 15) Protokol derken neyi kastediyorsunuz?
Cevap: Ağ terminolojisinde protokol, verileri biçimlendirmek ve işlemek için bir dizi kuraldır. İletişim kurmak için her iki cihaz da aynı protokole sahip olmalıdır. İnternet Protokolü (IP) bir ağ katmanı protokolüdür ve yönlendirmeden sorumludur. İletim Kontrol Protokolü (TCP), veri paketlerini ağlar arasında aktarır.
Köprü Metni Aktarım Protokolü (HTTP), İnternette kullanılan bir 7. katmandır ve cihazlar arasında veri aktarır. Kullanıcı Datagram Protokolü (UDP), video akışı ve oyun gibi hızlı veri alışverişi uygulamalarında kullanılır.
S # 16) Sayfa yükleme süresini azaltmak için hangi teknikleri uygularsınız?
Cevap: Sayfa yükleme süresini azaltmak ve performansı artırmak için aşağıdaki teknikler uygulanabilir:
- CSS3 ve HTML5 gibi web oluşturma teknolojilerinin en son sürümlerini uygulayın
- Minimum düzeyde JavaScript ve Stil Sayfaları kullanın
- Yönlendirmelerin kullanımından kaçınmaya çalışın
- Küçük boyutlu resimler kullanın
- İçerik Dağıtım Ağı'ndan (CDN) kod ekleyin
- Hızlı ve duyarlı web uygulamaları için AJAX uygulayın
S # 17) HTTP 1.1 ve 2.0 arasındaki farkları listeleyin.
Cevap: HTTP 1.1 ve HTTP 2 arasındaki farklar aşağıdaki tabloda listelenmiştir:
HTTP 1.1 | HTTP 2 |
---|---|
HTTP 1.1 yalnızca düz metni işleyebilir ve CSS, JavaScript, resimler, sesler, videolar ve dijitalleştirilmiş koku, dokunma örneklerini işlemek için uyumlu değildir. | Tarayıcının önbelleğinde talepte kullanılacak kaynakları depolamak için sunucu push yardımını kullanır, istenmeden önce bile içeriği hızlı bir şekilde görüntüler. |
Gönderilen istek ve alınan yanıtlar düz metin biçimindeydi. | Hem istek hem de yanıt mesajlar, yetkisiz değişikliklere karşı daha fazla koruma sağlayan ikili biçimde kapsüllenir. |
Boşlukları, büyük harfleri ve satır sonlarını işlemede zorluk bulur. | Boşluk, büyük harf kullanımı ve satır sonları gibi öğeleri daha verimli bir şekilde işleyen ikili protokolleri kullanın |
Sayfa içeriğini işlemek için daha fazla bant genişliğine ihtiyaç duyar | Sayfa içeriğini görüntülemek için daha az bant genişliği tüketir |
HTTP 1.1'de içerik yüklemenin önceliklendirilmesi mümkün değildir | Geliştiriciler, tercihleri sırasına göre içeriğe öncelik verme / yükleme üzerinde kontrole sahiptir. |
Bir sayfaya içeriği yüklemek için zaman ayırarak kaynakları birbiri ardına yükler | Tek TCP bağlantısını kullanarak birden fazla veri akışı gönderir, HTTP 1.1'deki satır başı engelleme sorununu çözer |
Meta veriler düz metin olarak aktarılır, bu nedenle işlemek için daha fazla ek yük gerekir | Ek yükü azaltan başlık sıkıştırma mekanizması kullanır |
S # 18) Bir web uygulaması oluştururken hangi öncelikleri göz önünde bulundurursunuz?
Cevap: Web uygulamaları oluştururken aşağıdaki öncelikler akılda tutulmalıdır:
- Web sitesi sayfaları, olabildiğince hızlı yüklenmesi gerektiği için performans açısından test edilmelidir.
- Uygulama sayfalarında bozuk bağlantı olmamalıdır.
- Uygulama, Mozilla Firefox, Google Chrome, Internet Explorer ve Opera gibi tüm büyük tarayıcılarla uyumlu olmalıdır.
- Site, arama motorları tarafından erişilebilen anahtar kelimeler içermelidir.
- Veritabanı ile kesintisiz bağlantı olmalıdır.
- Saklanan prosedürler gibi veritabanı varlıkları, geçerli girdilerle baştan sona test edilmelidir.
- Arka uç tabloları güvenli ve kurcalanmaya karşı korumalı olmalıdır.
- Veri ekleme, sütun ve satır seviyelerindeki kısıtlamalarla doğrulanmalıdır.
- Veri DB tablolarına veri eklemek ve bunları kullanıcı arayüzü sürecinde görüntülemek mümkün olduğunca hızlı olmalıdır.
- Sayfaları entegre etmek için kullanılan çerçeve basit olmalı ve herhangi bir derleme yapılmadan test edilmelidir.
- Kullanıcı girdi sayfaları, kullanıcıdan minimum girdiyle tasarlanmalı, kullanılan öğelere erişim için kullanıcı dostu olmalıdır.
- Sayfa içeriğini hızlı bir şekilde yüklemek için HTTP2 kullanımı.
- JavaScript kullanımı minimum düzeyde olmalıdır.
- Metni okumak için bir hoparlör, daha büyük yazı tipi boyutu, ekrana dokunma erişimi gibi erişilebilirlik hükümleri, fiziksel kısıtlamaları olan kişilerin de web sitesine kolaylıkla erişebilmesi için sağlanmalıdır.
- Bu dosyaları yürütmek için yerel yazılıma güvenmeden açılabilen ses ve video gibi medya dosyalarını entegre etmelidir.
- Web sayfaları, mobil ekranlara duyarlı olmalıdır.
S # 19) HTML5'te sunulan yeni özellikler nelerdir?
Cevap: HTML5'te yeni anlamsal, grafik, multimedya öğeleri tanıtıldı, öğelere çeşitli nitelikler eklendi, ancak birkaç öğe kaldırıldı.
Multimedya öğeleri video ve ses, coğrafi konum API'si, web depolama üzerindeki API'ler, web soketi, JS web çalışanı, Canvas ve Drag-n-Drop gibi önemli yeni özellikler de tanıtıldı.
S # 20) Örneklerle, Canvas ve SVG arasındaki farkları açıklayın.
Cevap: Canvas ve SVG her iki kap da grafikleri HTML sayfasında saklamak için kullanılır, ancak aralarında aşağıdaki farklar vardır.
SVG | Tuval |
---|---|
HTML sayfasındaki kutu, daire, elips vb. grafikler için bir konteyner öğesidir | javascript kullanarak grafik çizmek için bir kaptır |
SVG ölçeklenebilir ve yüksek çözünürlüklü baskı için uygundur | Tuval ölçeklenebilir değildir ve yüksek çözünürlüklü baskı için uygun değildir |
Az sayıda nesneyi ve büyük yüzey nesnesini yüklerken daha iyi performans görüntüleyin | Çok sayıda nesneyi ve küçük yüzey nesnesini yüklerken daha iyi performans görüntüleyin |
SVG, komut dosyası ve css ile değiştirilebilir | Tuval yalnızca komut dosyasıyla değiştirilebilir |
SVG, şekillerden oluşan vektör tabanlıdır | Tuval piksellerden oluşan raster tabanlıdır |
S # 21) DOM öğesi ve hiyerarşisi nedir?
Cevap: Belge nesnesi, web sayfasına eriştiğimizde bir tarayıcı penceresinde görüntülenen bir HTML belgesidir. DOM veya Belge Nesne Modeli, bu belgeye erişme veya değiştirilme biçimidir.
Pencere nesnesi tüm öğelerin ebeveynidir, ardından sayfa içeriğini görüntüleyen bir Belge nesnesi gelir ve ardından Form nesnesi , etiketlerle tanımlanır.
Form kontrol öğeleri: Metin alanları, düğmeler, radyo düğmeleri, onay kutuları, listeler vb. Gibi tüm giriş öğeleri form nesnesinde bulunur.
en iyi bilgisayar optimize edici nedir
S # 22) Kimlik ve sınıf seçiciyi ne zaman kullanmalısınız?
Cevap: Bir seçici olarak kimlik, onu bir öğe olarak benzersiz bir şekilde tanımlamak için tanımlanır, dolayısıyla aynı sayfadaki diğer öğelere aynı kimlik uygulanmamalıdır. Sınıf seçiciler, o öğeye stil eklemek için uygulanan CSS seçici türleriyken, için misal, yazı tipi ailesi, yazı tipi boyutu veya rengi, dolayısıyla sınıf seçiciler birden çok öğeye uygulanabilir.
JavaScript'te bizde getElementById () kaynak kodda bulunan ilk öğeyi döndüren yöntem, oysa getElementsByClassName () yöntem, belirli bir sınıf adına sahip öğelerin koleksiyonunu döndürür.
S # 23) HTML5 tarafından sunulan API'leri açıklayın.
Cevap: HTML 5, aşağıdaki API yöntemlerini tanıttı:
- Yüksek Çözünürlüklü Zaman API'si: Sistem saatindeki sapmalardan veya ayarlamalardan bağımsız olarak geçerli zamanı milisaniyenin altına kadar çözünürlük olarak verir.
- Kullanıcı Zamanlama API'si: Bu, JavaScript kod performansının doğru bir şekilde ölçülmesini sağlar.
- Gezinme Zamanlama API'si: Sayfa yükleme gecikmeleri sırasında hızlandırılmış günlüğün değerlendirilmesine yardımcı olur ve sayfa yeniden yönlendirmesini, DNS aramayı ve DOM, TCP bağlantı gecikmelerini vb. Oluşturma süresini hesaba katar.
- Network Information API: Web ziyaretçisinin bağlantı türünü ve tüm bant genişliği günlüğünün durumunu belirlemeye yardımcı olur.
- Titreşim API'si: Oyun uygulamalarındaki belirli olaylar sırasında kullanıcı cihazlarını (cep telefonu) titreştirerek en üst düzeyde kullanıcı deneyimi sağlayarak reaksiyonu tetikleyebilir.
- Battery Status API: Şarj etme, tamamen boşalana kadar kalan saniye vb. Gibi cihaz pil durumu hakkında bilgi sunar.
- Sayfa Görünürlük API'si: Küçültülmüş, şu anda odaklanmış gibi sayfa görünürlük durumları hakkında ayrıntılar verir, CPU veya bant genişliği tüketimini durdurma kararları verir.
- Tam Ekran API: Uygulamanın özelliğine göre kullanıcıdan tam ekran görüntü almasını sağlar.
- getUserMedia API'si: Video, ses veya her ikisi gibi multimedya akışlarına bir web sayfasına gömülü erişim sağlar.
- WebSocket API: Tarayıcı ve sunucu arasında kalıcı bir bağlantı sağlar.
- Coğrafi Konum API'si: Bu, Global Konumlandırma Sistemi (GPS) aracılığıyla yerin ve insanların coğrafi konumunun izlenmesine yardımcı olur ve enlem ve boylamı alır, böylece harita üzerinde gerçek zamanlı konumu çizer.
S # 24) Null, Empty ve Undefined değerleri arasındaki fark nedir ve her birini nasıl halledebilirsiniz?
Cevap: Boş dize, Null ve Tanımsız, tür olarak benzerdir, ancak birbirinden farklıdır.
Tanımsız: Sadece bir değişken tanımladığımızda ancak hiçbir değer atamadığımızda. OR değişkeni mevcut değil veya bildirilmemiş. Misal: değer; console.log (değer); ==> tanımsız
Boş: İşlevlere, değişkenlere verilen tanımlayıcılar veya isimler mevcuttur, ancak değeri yoktur. yani değer boştur. Misal: val = boş
Boş Dize: Dize veri türüne sahip bir değişken herhangi bir karakter verisi içermediğinde. Misal: a = '';
S # 25) JavaScript'te kullanılan farklı açılır pencereleri açıklayın.
Cevap: JavaScript'te başlıca üç tür açılır kutu vardır, yani. Uyarı, Onayla ve Sor.
Uyarmak Ok butonu ile kullanıcıya bilgi vermek için açılan bir penceredir. Kullanıcılar mesajı okuyabilir ve bu pencereyi kapatmak için Tamam düğmesine tıklayabilir.
JavaScript'te uyarı için kullanılan sözdizimi:
alert('message');
Onaylamak kullanıcıların Tamam ve İptal seçeneklerinden birine karar vermesi ve seçmesi için açılan bir penceredir.
- Mesajla aynı fikirde olmak için Sen istiyor musun? , kullanıcı kararı onaylamak için Tamam'ı tıklayabilir.
- Mesaja katılmamak için, kullanıcı İptal'i tıklayabilir ve karardan vazgeçebilir.
Komut istemi kullanıcının ad veya yaş gibi bir değer girmesinin önerildiği bir pop-up türüdür ve Tamam düğmesine tıklandığında girilen değeri kabul eder. Misal: yourage = bilgi istemi ('Geçerli yaşınızı girin');
S # 26) CSS animasyonunun kullanımını örnekle açıklayın.
Cevap: CSS animasyonlarını kullanarak, JavaScript veya Flash kullanmadan HTML öğelerine animasyon ekleyebilirsiniz (bir stilden diğerine aşamalı olarak değiştirebilirsiniz).
Öğenin belirli zamanlarda hangi stilleri değiştireceğini tutan anahtar kareler belirtilir.
Aşağıdaki ekranda bir örnek verilmiştir:
CSS animasyon örneği kırmızıdan deniz mavisine renk değişimi
S # 27) RESTful Web hizmetleri tarafından desteklenen HTTP istek türlerinin her birinin amacını açıklayın
Cevap: RESTful web hizmetinde, her HTTP istek türünün belirli bir amacı vardır. Bunlar aşağıda açıklanmıştır:
- ALMAK sunucudan veri alan bir istek türüdür.
- İLETİ yeni veri formu ayrıntılarını göndermek ve ardından bir dosya yüklemek için kullanılan bir istek türüdür.
- KOYMAK POST'a benzer bir istektir, ancak mevcut bir varlığı güncellemek için uygulanır.
- SİL PUT'a benzer bir istektir ve kaynağı sunucudan silmek için kullanılır.
- İZLEME bir istek sırasında ağ ile birlikte alınan içeriği doğrulamak için kullanılır.
- KAFA GET'e benzer ancak istek sırasında yanıt başlıklarını alır.
S # 28) HTML5'teki Span ve Div etiketi arasındaki farklar nelerdir?
Cevap: Div ve Span, web sayfasının belirli bir bölümünü temsil etmek için kullanılır, ancak her ikisi de aşağıdaki tabloda açıklandığı gibi birbirinden farklıdır:
Div | Aralık |
---|---|
Div, blok düzeyinde bir öğedir | Yayılma, satır içi bir öğedir |
Div etiketi, belgenin bölümlerini kaydırmak için kullanılır | Yayılma etiketi, metni ve resimleri küçük kısımlara kaydırmak için kullanılır |
Div, CSS tabanlı düzenler oluşturmak için kullanılır | Span, metne stil eklemek için kullanılır |
Div, hizalama özelliğini kabul ediyor | Span, hizalama özelliğini kabul etmiyor |
S # 29) CSS'deki Pseudo sınıfı örneklerle açıklayın.
Cevap: Basamaklı stil sayfalarındaki sözde sınıf, gezinme geçmişinden önceki web sitesi ziyareti, konumu veya hareketi gibi harici faktörlere referans olarak onblur, onclick, onchange, onhover gibi HTML olaylarına özel stil eklemek için HTML öğesinin seçicilerine uygulanan bir anahtar kelimedir fare, form öğesinin içerik durumu.
Sözde sınıf için sözdizimi:
cssselector : pseudo-class { attribute: value; }
Misal:
HTML sayfasındaki CSS sözde sınıfı:
3 yıllık deneyim için selenyum mülakat soruları
Fareyi farklı öğelerin üzerine getirmek sözde sınıfın etkilerini gösterir.
Sonuç
Bu nedenle, bu eğitimde, web siteleri ve web tabanlı uygulamalar geliştirmek ve sürdürmekle ilgili mülakat sorularını tartıştık. Yeni teknolojileri, ön uç komut dosyası yazma dili kitaplıklarını, HTML5 API'lerini, CSS3'ü ve Java, ASP, PHP gibi dilleri entegre etme konusunda iyi bir anlayışa ve uygulamalı bilgiye sahip olmak çok önemlidir. Ayrıca, uygulamaları web sunucularında ve veritabanında yapılandırmayı, SEO anahtar kelimelerini, web güvenliğini ve tarayıcı uyumluluğunu işlemeyi bilmeliyiz.
Protokol, web hizmetleri, kullanıcı deneyimi, problem çözme ve web ve mobil uygulamalardaki yenilikler, güvenlik, oturum yönetimi ve erişilebilirlik özellikleri gibi ağ bilgisine hakim olmalısınız.
Yaklaşan Web Developer röportajınızla en iyisi.
Önerilen Kaynaklar
- Web Uygulama Testi Tam Kılavuzu (Bir Web Sitesi Nasıl Test Edilir)
- 25 En İyi Çevik Test Mülakat Soruları ve Cevapları
- En Popüler 30+ Popüler CSS Mülakat Soruları ve Cevapları
- 25+ En Popüler ADO.NET Mülakat Soruları ve Cevapları
- En İyi 20+ .NET Mülakat Soruları ve Cevapları
- 30 En Popüler HTML Mülakat Soruları ve Cevapları (2021 LİSTESİ)
- En İyi 25 Java Web Hizmetleri Mülakat Soruları ve Cevapları
- En Önemli 20 API Testi Görüşme Soruları ve Cevapları