1. FACILITĂȚILE
// pentru implementarea
$ APLICAȚIILOR = DINAMICE
F R A M E W O R K - U R I L O R
/* Absolvent Avasilcai Daniel */ /* Conf. Univ. Dr. Mironela Pîrnău */
W E B
9. Class Autor implements
Framework-uri {
void JQuery () {
string Prop1 = “JQuery:librărie de
dimensiuni ultra reduse ”;
string Prop2 = “JQuery:rezolvă probleme de
compatibilitate Javascript între browsere ”;
string Prop3 = “JQuery:încărcare rapidă
prin CDN”;
}
10. (JQuery == “fast development”)
JQuery
$(".navbar-fixed-
top").addClass('someTransparency');
$(".navbar-fixed-
top").removeClass('someTransparency');
function hasClass(ele,cls) {
return !!ele.className.match(new
RegExp('(s|^)'+cls+'(s|$)'));
}
function addClass(ele,cls) {
if (!hasClass(ele,cls)) ele.className += " "+cls;
}
function removeClass(ele,cls) {
if (hasClass(ele,cls)) {
var reg = new RegExp('(s|^)'+cls+'(s|$)');
ele.className=ele.className.replace(reg,'
');
}
}
var ele = document.getElementById("navbar-
fixed-top");
addClass(ele, "someTransparency");
removeClass(ele, "someTransparency");
Javascript
11. Class Autor implements
Framework-uri {
void Boostrap() {
string Prop1 = “Dezvoltare aplicații web
Mobile First responsive”;
string Prop2 = “Boostrap rezolvă probleme
de compatibilitate CSS/HTML între
browsere”;
string Prop3 = “Boostrap face dezvoltarea
front-end ușoară și ultra rapidă ”;
}
12. (Boostrap == “less code”)
Boostrap
<body>
<div class=“hidden-xs”> un div de ascuns pe
telefoane cu ecrane mici</div>
</body>
<style>
@media (min-width: 380px) and (max-width:
768px) {
.extrasmallphone{
display : none;
}
}
<style>
<body>
<div class=“extrasmallphone”> un div de ascuns
pe telefoane cu ecrane mici</div>
</body>
CSS / HTML 5
13. Class Autor implements
Framework-uri {
void Codeigniter() {
string Prop1 = “ Dezvoltare aplicații web
dinamice;
string Prop2 = “ Codeigniter vine cu o mulțime
de clase, funcții built -in pentru rapid -
development”;
string Prop3 = “ Probleme de securitate
rezolvate de comunitate în timp real ”;
}
14. Class Concluzii
{
# F r a m e w o r k - u r i l e a u a p ă r u t c a o n e c e s i t a t e î n m i c ș o r a r e a
t i m p u l u i d e d e z v o l t a r e a l a p l i c a ț i i l o r p e p r i n c i p i u l r e u t i l i z ă r i i
c o d u l u i s u r s ă ;
# D e z a v a n t a j d e m e n ț i o n a t : s e i m p u n e î n v ă ț a r e a u n e i n o i ,
s u p l i m e n t a r e s i n t a x e ;
# P r o b l e m e l e d e i n c o m p a t i b i l i t a t e a u f o s t r e z o l v a t e a t â t f r o n t - e n d
c â t ș i b a c k - e n d , î n t r e b r o w s e r e d a r ș i s e r v e r e , v e r s i u n i d e
J a v a s c r i p t , C S S , H T M L , P H P, B a z e d e d a t e
# B r e ș e l e d e s e c u r i t a t e s u n t m a i m i c i , l a d e s c o p e r i r e a ș i
r e z o l v a r e a l o r c o n t r i b u i n d c o m u n i t ă ț i f o a r t e m a r i .
}
15. Class Bibliografie
{
# Javascript //
w 3.org/standards/w ebdesign/script
# JQuery //
w 3schools.com/jquery/jquery_intro.asp
# Bootstrap // getbootstrap.com
# CSS // w 3schools.com/css/css_intro.asp
# HTML5 // w 3schools.com/html/html5_intro.asp
# Codeigniter // ellislab.com/codeigniter/user -
guide
# PHP // php.net
}