Integrando React.js en aplicaciones Symfony (deSymfony 2016)Ignacio Martín
Introducción a React.js + técnicas y conceptos útiles, como aplicaciones universales (isomórficas) o cómo usar json schema para facilitarnos la vida al trabajar con formularios.
Integrando React.js en aplicaciones Symfony (deSymfony 2016)Ignacio Martín
Introducción a React.js + técnicas y conceptos útiles, como aplicaciones universales (isomórficas) o cómo usar json schema para facilitarnos la vida al trabajar con formularios.
Choosing a mobile app framework can be overwhelming; there are dozens available on the market to evaluate. From native frameworks written in Swift, ObjC, Java, and Kotlin to cross-platform frameworks like React Native and Xamarin, it can be really difficult to understand the key differences between all of them.
In this talk, I'll review the pros and cons of popular mobile app frameworks to help you determine which one is right for you
Getting started with the reactjs, basics of reactjs, introduction of reactjs, core concepts of reactjs and comparison with the other libraries/frameworks
jQuery Tutorial For Beginners | Developing User Interface (UI) Using jQuery |...Edureka!
( ** Full Stack Masters Training: https://www.edureka.co/masters-program/full-stack-developer-training ** )
This PPT on jQuery will help you understand the basics of jQuery and you will also be able to create your own program using jQuery by the end of this PPT.
Follow us to never miss an update in the future.
Instagram: https://www.instagram.com/edureka_learning/
Facebook: https://www.facebook.com/edurekaIN/
Twitter: https://twitter.com/edurekain
LinkedIn: https://www.linkedin.com/company/edureka
Advanced Web Development in PHP - Understanding REST APIRasan Samarasinghe
ESOFT Metro Campus - Advanced Web Development in PHP - (Module VIII) Understanding REST API
(Template - Virtusa Corporate)
Resources: codeofaninja.com
Contents:
What is an API?
Comparing a website to an API
Classification of APIs
What is REST API?
What model does REST use?
REST HTTP Methods
HTTP Codes
The advantages of REST
What is CRUD?
CRUD Operations
CRUD Application Example
Simple REST API Implementation in PHP
Web root Folders and Files Structure
MySQL Database
Reading all Products
Reading one Product
Creating a Product
Updating a Product
Deleting a Product
Searching a Product
Introduction to Document Object Model
• Therefore, DHTML does the following:
• Works with JavaScript
• Works with Data Object Model (DOM)
• Works with CSS
• Combines HTML with JavaScript
Choosing a mobile app framework can be overwhelming; there are dozens available on the market to evaluate. From native frameworks written in Swift, ObjC, Java, and Kotlin to cross-platform frameworks like React Native and Xamarin, it can be really difficult to understand the key differences between all of them.
In this talk, I'll review the pros and cons of popular mobile app frameworks to help you determine which one is right for you
Getting started with the reactjs, basics of reactjs, introduction of reactjs, core concepts of reactjs and comparison with the other libraries/frameworks
jQuery Tutorial For Beginners | Developing User Interface (UI) Using jQuery |...Edureka!
( ** Full Stack Masters Training: https://www.edureka.co/masters-program/full-stack-developer-training ** )
This PPT on jQuery will help you understand the basics of jQuery and you will also be able to create your own program using jQuery by the end of this PPT.
Follow us to never miss an update in the future.
Instagram: https://www.instagram.com/edureka_learning/
Facebook: https://www.facebook.com/edurekaIN/
Twitter: https://twitter.com/edurekain
LinkedIn: https://www.linkedin.com/company/edureka
Advanced Web Development in PHP - Understanding REST APIRasan Samarasinghe
ESOFT Metro Campus - Advanced Web Development in PHP - (Module VIII) Understanding REST API
(Template - Virtusa Corporate)
Resources: codeofaninja.com
Contents:
What is an API?
Comparing a website to an API
Classification of APIs
What is REST API?
What model does REST use?
REST HTTP Methods
HTTP Codes
The advantages of REST
What is CRUD?
CRUD Operations
CRUD Application Example
Simple REST API Implementation in PHP
Web root Folders and Files Structure
MySQL Database
Reading all Products
Reading one Product
Creating a Product
Updating a Product
Deleting a Product
Searching a Product
Introduction to Document Object Model
• Therefore, DHTML does the following:
• Works with JavaScript
• Works with Data Object Model (DOM)
• Works with CSS
• Combines HTML with JavaScript
Web uygulamaları dağıtım kolaylığı nedeniyle masaüstü uygulamalara üstünlük sağlamış ve geniş uygulama alanı bulmuştur. Bunun yanı sıra internete açık olan uygulamaların önemli bir kısmı da web uygulaması şeklindedir. Web uygulaması olmayan masaüstü uygulamalar ve mobil uygulamalar dahi web uygulama mimarisinin önemli bir kısmı olan HTTP protokolünü kullanmaktadır.
Bunların yanı sıra web uygulamaları çok katmanlı mimariye sahip olup, bu durum nispeten web uygulama altyapılarının sıradan masaüstü uygulamalara nazaran karmaşık olmalarına neden olmaktadır.
Tüm bu nedenlerden dolayı web uygulamaları saldırganların gözde hedeflerinden birisidir.
Web uygulama denetimi eğitiminde katılımcılara web uygulamalarında ortaya çıkabilecek açıklıkların neler olduğu, bu açıklıkları nasıl tespit edebilecekleri ve açıklıkların ortadan kaldırılma yöntemleri aktarılmaktadır.
Web uygulama denetimi eğitimi, mobil uygulama denetimi yapacak katılımcılara da gerekli temel web teknolojileri bilgilerini aktarmayı hedeflemektedir.
Web uygulamaları dağıtım kolaylığı nedeniyle masaüstü uygulamalara üstünlük sağlamış ve geniş uygulama alanı bulmuştur. Bunun yanı sıra internete açık olan uygulamaların önemli bir kısmı da web uygulaması şeklindedir. Web uygulaması olmayan masaüstü uygulamalar ve mobil uygulamalar dahi web uygulama mimarisinin önemli bir kısmı olan HTTP protokolünü kullanmaktadır.
Bunların yanı sıra web uygulamaları çok katmanlı mimariye sahip olup, bu durum nispeten web uygulama altyapılarının sıradan masaüstü uygulamalara nazaran karmaşık olmalarına neden olmaktadır.
Tüm bu nedenlerden dolayı web uygulamaları saldırganların gözde hedeflerinden birisidir.
Web uygulama denetimi eğitiminde katılımcılara web uygulamalarında ortaya çıkabilecek açıklıkların neler olduğu, bu açıklıkları nasıl tespit edebilecekleri ve açıklıkların ortadan kaldırılma yöntemleri aktarılmaktadır.
Web uygulama denetimi eğitimi, mobil uygulama denetimi yapacak katılımcılara da gerekli temel web teknolojileri bilgilerini aktarmayı hedeflemektedir.
www.btrisk.com
Yazılım Yetekenleri İle Teknik SEO Dünyasında Harikalar YaratınYusuf Ozbay
- Bir SEO Uzmanı yazılım bilmeli mi?
- Sağlıklı SEO süreçlerine Yazılım bilmenin katkıları nelerdir?
- Yazılım bilmek bir SEO Uzmanı için neden önemlidir?
- Hangi yazılım dillerini bilmeliyiz, hangi süreçleri SEO Uzmanı için kolaylaştırır?
Temel HTML Etiketleri - Text, Image, Link, List, Imagecmkandemir
Eskişehir Osmangazi Üniversitesi, Eğitim Fakültesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümünde açılan İnternet Tabanlı Programlama ders notları. Temel HTML Etiketleri - Text, Image, Link, List, Image
Geçmişten günümüze Darbeler ve 15 Temmuz. Bu sunum, gelecek nesillerin darbeler konusunda bilgilendirilmeleri için hazırlanmıştır. Her slaytın altında kaynaklar yer almaktadır, araştırmalar sonucu basından derlenen çalışmaların bir kısmıdır.
2. Jquery Giriş
Az kodla çok iş yapmayı sağlayan bir kullanıcı tarafında
çalışan bir kütüphanedir.
İstemci tarafında yazılan JavaScript kütüphaneleri azaltak
amaçlarından biridir, tek satır kodla onlarca satır
Javascript kütüphanesinin yaptığı işi yapabilirsiniz.
HTML/DOM manipülasyonu, CSS manipülasyonu, HTML
olay metodları, efekt ve animasyonlar, AJAX
Her türlü ortamda, Mobil, Tablet PC vs. sorunsuz
çalışmaktadır.
Birçok site Google, Microsoft, IBM, Netflix Jquery
kullanır.
3. Jquery Giriş
http://jquery.com/ adresinde ücretsiz olarak indirilebilir.
Jquery.min.js kütüphanesi minimize edildiğinden hızlı
yüklenir, Jquery.js kütüphanesi ise geliştiriciler için full source
code içerir.
Normal Çağırım
<script src="jquery-1.8.3.min.js"></script>
Google CDN
<script src="//ajax.googleapis.com/ajax/libs/
jquery/1.8.3/jquery.min.js"> </script>
Yükleme zamanı açısından CDN kullanmak daha avantajlıdır.
Tarayıcının ön bellek-cache bölgesinde daha önce ziyaret ettiği
popüler sitelerden bu kütüphaneler indirilmiştir.
4. Jquery Kullanım (Syntax)
Jquery HTML elementleri (tag’lerini) seçerek onlara
kolayca eylemler uygulayabilir.
Kullanım şekli aşağıdaki gibidir.
$(selector).action()
Örnek kullanım şekilleri;
$(this).hide() – mevcut elementi gizler.
$("p").hide() – tüm <p> elementlerini gizler.
$(".bul").hide() – bul isimli tüm class
elementlerini gizler.
$("#bul").hide() –Tüm bul isimli id’leri gizler..
5. Document ready olayı
$(document).ready(function(){
// jQuery metodları buraya...
});
Örneklerimizdeki tüm kodlar document.ready olayının
içerisinde meydana gelecek.
Bu işlem doküman yüklenmeden Jquery kodlarının çalışmasını
engeller. Aşağıdaki örnekler doküman yüklenmeden çalıştırılan
ve hata ile sonuçlanacak durumlara örnek verilebilir;
- Oluşturulmayan bir elementin gizlenmeye çalışılması,
- Yüklenmeyen bir resmin boyutlandırılmaya çalışılması gibi..
6. Jquery Selector
Jquery selector(seçicileri) ile HTML elementlerini
değiştirebilirsiniz.
Jquery’de tüm seçiciler dolar işareti ve parantezle
başlar. $(), Örneği p elementini seçmek için $("p")
7. Jquery Olay Sözdizimi (Syntax)
Bir paragrafa tıklanması olayına ilişkin syntax
şöyledir.
$("p").click();
Sonraki adım olay ateşlendiğinde (gerçekleştiğinde)
ne olacağıdır. Bunun için olaya bir fonksiyon
parametre olarak geçirilir.
$("p").click(function(){
//burada eylemler yer alır.
});
9. Paragrafa tıklayınca gizleme
<!DOCTYPE html>
<head>
Buraya önceki sayfadaki Jquery kodlarını yazınız.
</head>
<body>
<p>Buraya tıklarsanız ben kaybolurum.</p>
<p>Lütfen tıklayın!</p>
<p>Buraya da tıklayın!</p>
</body>
</html>
10. id seçicileri
#id seçicileri HTML tag’i içinde belli bir elemente
ulaşmak için kullanılır. Bildiğiniz gibi #id’ler eşsiz
olmalıdır, yani aynı isimde birden fazla olamaz.
Aşağıdaki kodda butona tıklanınca #bul isimli id
gizleniyor.
$(document).ready(function(){
$(":button").click(function(){
$("#bul").hide();
});
});
12. Seçiciler
$("*") Tüm elementleri seçer.
$(this) Aktif HTML elementini seçer.
$("p.giris") Tüm class="giris" elementlerini seçer.
$("p:first") ilk <p> elementini seçer.
$("ul li:first") HTML’de ilk <ul> elementinin ilk <li>
elementini seçer.
$("ul li:first-child") Her bir <ul> elementinin ilk <li>
elementini seçer.
$("[href]") Burda href özelliğine sahip tüm
elementleri seçer.
13. Seçiciler
$("a[target='_blank']") Tüm <a> elementlerinde
target özelliği "_blank" e eşit olanları seçer.
$("a[target!='_blank']") Tüm <a> elementlerinde
target özelliği "_blank" e eşit olmayanları seçer.
$(":button") Tüm <button> elementlerini seçer, yani
<input type="button"> olanları seçer.
$("tr:even") Tüm çift <tr> elementlerini seçer.
$("tr:odd") Tüm tek <tr> elementlerini seçer.
14. Olaylar (Events - Actions)
Farklı ziyaretçilerin yaptıkları eylemlere web sayfasını
cevap vermesi olay olarak adlandırılır.
Örneğin;
- Bir farenin bir HTML elementi üzerinde gezdirilmesi,
yani mouse over olayı
- Bir radyo düğmesinin seçilmesi,
- Bir onay kutusuna tıklanması.
• Yukarıdaki olayların herbirinde bir ateşleme(fire)
meydana gelir.
15. Bazı DOM Olayları
Mouse olayları:
click, dblclick, mouseenter, mouseleave
Klavye Olayları:
keypress, keydown, keyup
Form olayları:
submit, change, focus, blur
Document/Windows Olayları
Load,resize, scroll, unload
16. En çok kullanılan metodlar
$(document).ready() Daha önce açıklandı.
click()
$("p").click(function(){
$(this).hide();
});
dblclick()
$("p").dblclick(function(){
$(this).hide();
});
• mouseenter()
$("#p1").mouseenter(function(){
alert("p1 elementine tıkladınız!");
});
17. En çok kullanılan metodlar
mouseleave()
$("#p1").mouseleave(function(){
alert("Güle güle, p1 elementinden ayrıldınız!");
});
mousedown()
$("#p1").mousedown(function(){
alert("p1 elementinin üzerine tıkladınız!");
});
• mouseup()
$("#p1").mouseup(function(){
alert("p1 in üzerine tıklanıp bırakıldı!");
});
18. En çok kullanılan metodlar
hover() Bu metod aslında mouseenter() ve
mouseleave() fonksiyonlarının birleşimidir.
$("#p1").hover(function(){
alert("p1 elementine gelindi!");
},
function(){
alert("Güle güle! p1 elementinden ayrıldınız!");
});
• focus() Bir HTML elementine odaklanıldığında işler.
$("input").focus(function(){
$(this).css("background-color","#cccccc");
});
19. En çok kullanılan metodlar
blur() HTML elementini focus olayını kaybettiğinde
ateşlenir.
$("input").blur(function(){
$(this).css("background-color","#ffffff");
});
hide() ve show() metodları
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
20. show() ve hide() metodları
$(seçici adı).hide(hız,callback);
$(seçici adı).show(hız,callback);
Yukarıdaki yazım şekline göre show ve hide metodlarını
kullanabiliriz.
hız parametresi "slow", "fast" veya milisaniye(saniyenin
binde biri) olabilir.
callback parametresi gizleme veya gösterme işlemi
bittikten sonra çağrılacak fonksiyonun adıdır.
$("button").click(function(){
$("p").hide(1000);
});
24. toggle()
Bir nesneye her tıklamada çalışacak fonksiyonları belirtir.
Çift fonksiyon yazılırsa tıklama işi meydana gelir, aksi
halde küçük bir animasyon görülür.
<style>
.link{color:red; background-color:blue;}
</style>
$(‘a’).toggle(
function(){
$(this).addClass("link");
}, function(){
$(this).removeClass(«link");
})