Rezultate pentru tag: masura
Unghiul a două plane
Unghi diedru. Unghi plan al unui diedru. Determinarea măsurii unghiului format de două plane
Lama cu feţe plan paralele.
Aplicaţii ale interferenţei nelocalizate. Lama cu feţe plan paralele: franjele de egală înclinare. Stratul antireflex.
Polarizarea luminii.
Stările de polarizare a luminii. Polarizarea prin reflexie - legea Brewster. Polarizarea prin transmisie - polarizorii. Legea Malus. Birefringenţa.
Masă atomică. Izotopi. Mol de atomi
Masa atomică relativă medie. Compoziția procentuală a izotopilor în natură. Numărul lui Avogadro.
Noţiuni de cinematică.
Introducem noţiunile şi mărimile de bază ale cinematicii. Discutăm ecuaţia de mişcare. Prezentăm definiţia şi proprietăţile vectorilor.
Viteza şi acceleraţia.
Metode de adunare şi scadere a vectorilor. Viteza medie şi viteza momentană. Acceleraţia medie şi acceleraţia momentană.
Mişcarea circulară uniformă.
Definiţie, ecuaţia de mişcare, mărimi caracteristice, acceleraţia centripetă.
Noţiuni de dinamică. Principiile mecanicii.
Inerţia şi masa, principiul I (al inerţiei), forţa, principiul II (fundamental.)
Acţiunea şi reacţiunea. Problemă de dinamică.
Principiul III, al acţiunii şi reacţiunii. Exemplu de problemă dinamică rezolvată.
Elasticitatea. Legea Hooke.
Elasticitatea. Forţa elastică. Legea Hook. Efortul unitar.
Momentul forţei. Cuplul de forţe.
Efectul forţelor la rotaţia unui solid rigid. Momentul forţei şi cuplul de forţe. Convenţii de semn.
Lucrul mecanic.
Definiţie. Interpretare geometrică. Forţe conservative. Lucrul mecanic al forţelor elastică şi de greutate.
Puterea şi randamentul.
Definiţia puterii. Randamentul unei maşini. Randamentul planului înclinat.
Proprietăţile mişcării oscilatorii armonice.
Defazaje, reprezentarea fazorială, conservarea energiei. Pendulul gravitaţional.
Oscilaţii amortizate. Compunerea oscilaţiilor paralele.
Forţa rezistivă şi amortizarea oscilaţiilor. Compunerea a două oscilaţii paralele.
Compunerea oscilaţiilor perpendiculare.
Discuţia fenomenului de bătăi. Compunerea a două oscilaţii perpendiculare.
Modelul undei plane.
Unde mecanice: definiţie, mărimi caracteristice. Unde longitudinale şi transversale. Modelul undei plane.
Ecuaţia undei plane.
Deducerea ecuaţiei undei plane. Proprietăţile undei plane: periodicitatea, intensitatea.
Principiul Huygens. Reflexia undelor.
Principiul Huygens - propagarea frontului de undă. Reflexia undelor mecanice.
Refracţia undelor.
Refracţia undelor mecanice. Seismologia - undele mecanice terestre.
Interferenţa undelor.
Interferenţa undelor mecanice. Unde staţionare. Formarea ventrelor si nodurilor.
Interferenţa prin reflexie.
Interferenţa prin reflexie. Unde mecanice staţionare în corzi şi tuburi.
Instrumente muzicale. Acustica.
Unde staţionare în instrumente muzicale şi organe umane. Acustica.
Noţiuni de termodinamică.
Sistem termodinamic. Stări şi parametri de stare. Procese şi parametri de proces. Echilibru termodinamic.
Echilibrul termic. Temperatura.
Echilibrul termic. Temperatura. Scări de temperatura. Termometre.
Teoria cinetico-moleculara: fundamente.
Principiul echipartiţiei energiei pe grade de libertate. Formula fundamentală a teoriei cinetico-moleculare.
Calorimetrie I.
Lucrul mecanic: definiţie, ecuaţii pentru varii procese. Căldura. Coeficienţi calorici: definţii, tipuri.
Calorimetrie II.
Calorimetrul şi utilizarea lui. Ecuaţia calorimetrică. Energia internă.
Mărimile câmpului electric. Capacitatea electrică.
Potenţialul electric, tensiunea electrică, lucrul mecanic electric. Energia potenţială electrostatică. Capacitatea electrică.
Tensiunea şi intensitatea.
Mecanismul de generare a curentului electric. Tensiunea electromotoare. Intensitatea curentului electric.
Măsurători electrice.
Şuntul ampermetrului. Rezistenţa adiţională a voltmetrului. Montaje aval şi amonte. Puntea Wheastone.
Inducţia magnetică. Forţa electrodinamică.
Inducţia magnetică: conductorii rectiliniu şi circular, solenoidul, bobina. Forţa electrodinamică.
Experimentul Michelson.
Modelul eterului universal pentru unde electromagnetice. Experimentul Michelson: eşecul modelului eteric şi constanţa vitezei luminii în vid.
Cinematica relativistă.
Sistemul de referinţă propriu. Contracţia lungimilor. Dilatarea duratelor.
Efectul fotoelectric extern.
Dispozitiv experimental. Legile efectului fotoelectric extern. Eşecul modelului ondulatoriu de a explica efectul.
Ipotezele Planck şi Einstein.
Ipoteza Planck: cuantele de energie. Ipoteza Einstein: fotonul. Explicarea efectului fotoelectric cu formula Einstein şi modelul corpuscular.
Efectul Compton.
Dispozitivul experimental. Calculul variaţiei lungimii de undă. Eşecul modelului ondulatoriu şi succesul modelului corpuscular.
Ipoteza de Broglie. Difracţia electronilor.
Dualismul unda-corpuscul: ipoteza de Broglie. Relaţia de Broglie. Difracţia electronilor: legea Bragg.
Microscopul electronic.
Microscopul electronic: rezoluţia spaţială, funcţionare. Discuţie despre dualismul unda-corpuscul.
Relaţia de incertitudine Heisenberg.
Relatia de incertitudine Heisenberg pentru poziţie-impuls şi pentru timp-energie. Consecinţe. Exemple.
Spectre atomice.
Spectre atomice de emisie şi absorbţie: definiţii, proprietăţi. Legea seriilor spectrale ale hidrogenului. Analiza spectrală.
Experimentul Franck-Hertz.
Dispozitiv experimental, rezultate, concluzii. Cuantificarea energiei atomice.
Postulatele Bohr.
Postulatele Bohr ca şi consecinţe ale experimentelor Rutherford şi Franck-Hertz.
Modelul atomic Bohr I.
Modelul atomic Bohr: condiţia de cuantificare, condiţia de echilibru. Cuantificarea razelor orbitelor.
Modelul atomic Bohr II.
Cuantificarea energiei. Numărul cuantic principal. Cuantificarea vitezei. Cuantificarea vitezei de rotaţie.
Nivelele energetice ale atomului de hidrogen.
Nivelele energetice Bohr ale atomului de hidrogen. Tranziţiile atomului de hidrogen. Energia de ionizare.
Interpretarea spectrelor hidrogenului.
Interpretarea legii seriilor spectrale ale atomului de hidrogen prin modelul Bohr. Calculul constantei Rydberg.
Modelul păturilor electronice.
Modelul păturilor electronice pentru atomi cu mai mulţi electroni (Z>1). Numerele cuantice (n,l,m,mS).
Aplicaţii: radiaţiile X.
Radiaţiile X de frânare şi caracteristice: producere şi proprietăţi. Interacţiunea cu substanţa. Aplicaţii.
Poziţia elementelor în tabelul periodic şi proprietăţile periodice
Tabelul periodic. Poziţia elementelor în tabelul periodic. Proprietăţile periodice. Raza atomică, volumul atomic. Ion, cation, anion.
Dioda semiconductoare.
Dioda semiconductoare. Joncţiunea PN. Polarizarea directă şi inversă a diodei. Străpungerea joncţiunii.
Variaţia energiei de ionizare
Ion, cation, anion. Proprietăți periodice. Energie de ionizare - definiție, variație în tabelul periodic.
Legătura covalentă şi compuşii moleculari
Legături covalente. Compuşi moleculari. Legături covalente polare. Molecule polare – molecula de apă şi molecula de acid clorhidirc.
Legea generală a gazelor
Legea gazelor ideale. Legea lui Avogadro. Parametrii de stare ai gazelor. Ecuaţia lui van der Waals. Aplicaţie.
Concentraţia molară - aplicaţii
Calculul concentraţiei molare a unei soluţii. Regula de trei simplă. Molaritate. Aplicaţii.
Echilibre chimice – legea acţiunii maselor
Reacţia directă, reacţia inversă. Procedeul Haber, obţinerea amoniacului. Starea de echilibru chimic. Variaţia în timp a concetraţiilor şi a vitezelor de reacţie. Reacţii reversibile. Legea acţiunii maselor. Constanta de echilibru. Aplicaţii – legea acţiunii maselor.
Acizi şi baze. Teoria protolitică.
Reacţia de neutralizare. Acizi, baze. Protonul. Transferul de protoni. Ion hidroniu. Teoria Brönsted-Lowry sau teoria protolitică. Clasificarea acizilor. Acid conjugat, bază conjugată. Cupluri acid-bază conjugate.
pH-ul soluţiilor apoase
pH – definiţie, semnificaţie matematică. Reacţia de autoprotoliză a apei. Soluţie neutră. Produsul ionic al apei, Kw. Soluţii acide, soluţii neutre şi soluţii bazice. pH neutru, pH bazic şi pH acid. Scala de pH.
Unghiuri. Clasificarea unghiurilor
Unghi ascuţit, unghi drept, unghi obtuz, unghi nul, unghi alungit.
Unghiuri suplementare. Unghiuri complementare
Unghiuri complementare şi suplementare.
Triunghiul
Definiţia unui triunghi. Elementele unui triunghi. Noțiunea de perimetru triunghi, semiperimetru. Suma măsurilor unghiurilor unui triunghi. Unghi exterior unui triunghi.
Clasificarea triunghiurilor
Clasificarea triunghiurilor după laturi şi după unghiuri: triunghi oarecare, triunghi isoscel, triunghi echilateral, triunghi ascuţitunghic, triunghi dreptunghic, triunghi obtuzunghic
Criteriile de congruenţă ale triunghiurilor dreptunghice
Congruenţa triunghiurilor dreptunghice. Criteriile de congruenţă ale triunghiurilor dreptunghice
Proprietați ale triunghiurilor oarecare
Suma masurilor unghiurilor unui triunghi este de 180 de grade. Unghi exterior unui triunghi.Teorema unghiului exterior. Bisectoarea interioară și bisectoarea exterioară a unui triunghi. Relații între unghiurile și laturile unui triunghi.
Proprietăţile triunghiului echilateral
Triunghiul echilateral. Un triunghi echilateral are toate unghiurile congruente. Într-un triunghi echilateral, toate liniile importante ce pornesc din același vârf coincid.
Dreptunghiul
Paralelogramul care are un unghi drept se numește dreptunghi. Proprietățile dreptunghiului. Modalități de a demonstra că un patrulater este dreptunghi.
Pătratul
Un paralelogram care este și dreptunghi și romb se numește pătrat. Proprietățile pătratului. Modalități de a demonstra că un patrulater este pătrat.
Teorema lui Pitagora
Într-un triunghi dreptunghic, suma pătratelor lungimilor catetelor este egală cu pătratul lungimii ipotenuzei.
Noţiuni de trigonometrie în triunghiul dreptunghic
Funcții trigonometrice: sinus, cosinus, tangentă, cotangentă.
Unghi la centru
Unghi cu vârful în centrul cercului. Măsura unui unghi la centru. Măsura unui arc de cerc. Arce congruente.
Unghi înscris în cerc
Unghi cu vârful pe cerc. Măsura unui unghi înscris în cerc. Unghi înscris în semicerc. Triunghi înscris în cerc.
Poligoane regulate (înscrise în cerc). Calculul elementelor în poligoane regulate
Măsura unui unghi al unui poligon regulat cu n laturi. Măsura unghiului la centru al unui poligon cu n laturi. Latura și apotema unui poligon. Suma măsurilor unghiurilor unui poligon convex. Măsura unui unghi al unui poligon regulat. Formula pentru arie poligon regulat, în funcţie de raza cercului circumscris.
Unghiuri în spațiu (Unghiul a două drepte în spațiu)
Unghiul format de două drepte paralele, concurente sau necoplanare. Determinarea măsurii unghiului format de două drepte necoplanare.
Unghiul unei drepte cu un plan
Unghiul dintre o dreaptă și un plan. Măsura unghiului format de o dreaptă cu un plan.
Aria triunghiului
Formula pentru arie triunghi. Aria triunghiului oarecare și aria triunghiului dreptunghic.
Alcani – nomenclatură, proprietăţi fizice, aplicaţii practice
Alcani, izoalcani. Metan, etan, propan, butan, izobutan. Izomerie de catenă. Serie omoloagă. Corelaţia dintre structura alcanilor şi proprietăţile fizice (starea de agregare, temperatura de fierbere).
Reacţii de condensare şi policondensare
Reacţii de condensare între compuşii carbonilici – condensarea aldolică şi crotonică. Componentă carbonilică şi componentă metilenică. Reacţii de policondensare. Obţinerea şi proprietăţile fenoplastelor – bachelita şi novolacul.
Fenoli
Clasificarea fenolilor. Nomenclatură. Caracteristicile grupei hidroxil fenolice. Proprietăţi fizice. Proprietăţi chimice – reacţii specifice grupei hidroxil şi reacţii specifice nucleului aromatic. Reacţia cu metalele alcaline. Reacţia cu hidroxizii alcalini. Reacţii de substituţie la nucleul aromatic – reacţia de sulfonare şi reacţia de nitrare a fenolului. Aplicaţii practice.
Aria dreptunghiului
Formula pentru arie dreptunghi. Exercițiu cu aria unui dreptunghi.
Aria cercului (discului); Aria sectorului de cerc
Formula de calcul pentru aria cercului. Aria discului. Aria sectorului de cerc. Exemplu de calcul pentru aria cercului.
Simetria față de o dreaptă
Simetricul unui punct față de un punct. Simetricul unui punct față de o dreaptă. Axa de simetrie. Simetrica unei figuri față de o axă
Axa numerelor reale. Ordonare
Reprezentarea numerelor reale pe axa numerelor. Ordonarea numerelor reale. Partea întreagă a unui număr real. Partea fracționară a unui număr real.
Valoarea absolută a unui numar rațional
Modulul unui numar rațional. Proprietățile modulului.
Unghiuri - definiție și clasificare
Clasificarea unghiurilor. Unghi nul, unghi alungit, unghi ascuțit, unghi obtuz, unghi drept.
Triunghiul
Triunghiul. Definiția triunghiului. Elementele unui triunghi.
Unități de măsură pentru lungimi. Transformări.
Unități de masură pentru lungime. Metrul. Multiplii și submultiplii metrului.
Unități de măsură pentru suprafețe. Transformări.
Unități de masură pentru suprafață. Metru pătrat. Multiplii și submultiplii metrului pătrat.
Unități de măsură pentru volum. Transformări.
Unități de măsură pentru volum. Metru cub. Multiplii și submultiplii metrului cub.
Unități de măsură pentru capacitate. Transformări.
Unități de măsură pentru capacitate. Litrul. Multiplii și submultiplii litrului.
Unități de măsură pentru masă. Transformări.
Unități de măsură pentru masă. Kilogramul. Transformări.
Unități de măsură pentru timp. Transformări.
Unități de măsură pentru timp. Ore,minute, secunde. Transformări.
Segmente proporționale
Raportul a două segmente. Segmente proporționale.
Lungimea cercului. Lungimea unui arc de cerc
Lungimea cercului și lungimea unui arc de cerc.
Entalpia
Energie cinetică. Energie potenţială. Energie internă. Funcţii de stare şi funcţii de proces. Variabile de stare. Mărimi de stare extensive şi intensive. Transfer de energie internă. Entalpia. Semnificaţia relaţiei de definire a entalpiei. Variaţia entalpiei. Calorimetrie.
Legea lui Hess. Entalpia de formare standard.
Termochimie. Variaţia entalpiei în reacţiile endoterme. Variaţia entalpiei în reacţiile exoterme. Legea aditivităţii căldurilor de reacţie – Legea lui Hess. Condiţii standard de reacţie. Entalpia molară de formare standard.
Căldura de combustie
Combustie. Tipuri de combustibili. Entalpia de combustie standard. Ardere completă şi ardere incompletă. Căldura de combustie. Puterea calorică. Condiţii normale pentru măsurarea puterii calorice. Putere calorică inferioară şi putere calorică superioară.
Viteza de reacţie
Cinetica chimică – definiţie. Viteza medie de reacţie. Variaţia concentraţiei reactanţilor şi a produşilor de reacţie în timp. Exemplu de calcul pentru viteza medie de reacţie. Clasificarea reacţiilor chimice în funcţie de viteza de reacţie. Reacţii rapide. Reacţii cu viteză moderată. Reacţii lente. Măsurarea vitezei de reacţie.
Influenţa suprafeţei de contact şi a temperaturii asupra vitezei de reacţie
Factorii care influenţează viteza de reacţie. Influenţa suprafeţei de contact asupra vitezei de reacţie. Influenţa temperaturii asupra vitezei de reacţie. Dependenţa constantei de viteză de temperatură. Relaţia lui Arrhenius. Semnificaţia matematică a elementelor din relaţia lui Arrhenius. Determinarea energiei de activare. Metoda grafică de determinare a energiei de activare.
Aplicaţii
Timp de înjumătăţire. Unităţi de măsură pentru constanta de viteză. Exemple de calcul.
Plane perpendiculare
Plane perpendiculare. Demonstrarea perpendicularității a două plane.
Măsurarea unghiurilor
Măsurarea unghiurilor în grade sexagesimale și radiani. Transformarea gradelor în radiani. Tranformarea radianilor în grade.
Asimptote oblice
Noţiunea de asimptotă oblică.
Elemente caracteristice ale unei serii statistice
Interpretarea datelor statistice: media, mediana, modulul, dispersia, abaterea medie pătratică.
Elemente de formulare HTML
<form> Definește un formular HTML pentru introducerea utilizatorului.
Cel mai important element de formă este elementul <input>.
Elementul <input> poate fi afișat în mai multe moduri, în funcție de atributul type.
Dacă atributul type este omis, câmpul de intrare primește tipul implicit: "text".
Elementul <select> definește o listă derulantă (drop-down list).
Elementul <option> definește o opțiune care poate fi selectată.
Utilizați atributul size pentru a specifica numărul de valori vizibile.
Utilizați atributul multiple pentru a permite utilizatorului să selecteze mai multe valori.
Elementul <textarea> definește un câmp de introducere pe mai multe linii (o zonă de text).
Atributul rows specifică numărul vizibil de linii dintr-o zonă de text.
Atributul cols specifică lățimea vizibilă a unei zone de text.
Elementul <button> definește un buton pe care se poate face click.
Elementul <datalist> specifică o listă de opțiuni predefinite pentru un element <input>.
Utilizatorii vor vedea o listă derulantă (drop-down list) a opțiunilor predefinite pe măsură ce introduc date.
Atributul listei elementului <input>, trebuie să se refere la atributul id al elementului <datalist>.
Elementul <output> reprezintă rezultatul unui calcul (ca unul realizat de un script).
<form> Definește un formular HTML pentru introducerea utilizatorului
<input> Definește un control de intrare
<textarea> Definește un control de intrare multilin (zona text)
<label> Definește o etichetă pentru un element <input>
<fieldset> Grupează elemente conexe într-o formă
<legend> Definește o legendă pentru un element <fieldset>
<select> Definește o listă derulantă
<optgroup> Definește un grup de opțiuni conexe dintr-o listă derulantă
<option> Definește o opțiune dintr-o listă derulantă
<button> Definește un buton pe care se poate face clic
<datalist> Specifică o listă de opțiuni predefinite pentru controale de intrare
<output> Definește rezultatul unui calcul
Elemente noi în HTML5
HTML5 oferă elemente noi pentru o structură mai bună a documentelor:
<article> - Definește un articol dintr-un document
<aside> - Definește conținutul în afară de conținutul paginii
<bdi> - Izolează o parte a textului care ar putea fi formatată într-o direcție diferită de celălalt text din afara acestuia
<detalii> - Definește detalii suplimentare pe care utilizatorul le poate vizualiza sau ascunde
<dialog> - Definește o casetă de dialog sau o fereastră
<figcaption> - Definește o legendă pentru un element <figure>
<figure> - Definește conținut autonom
<footer> - Definește un subsol pentru un document sau secțiune
<header> - Definește un antet pentru un document sau secțiune
<principal> - Definește conținutul principal al unui document
<mark> - Definește text marcat / evidențiat
<meter> - Definește o masurare scalara intr-un interval cunoscut (un ecartament)
<nav> - Definește legăturile de navigare
<progress> - Reprezintă progresul unei sarcini
<rp> - Definește ce trebuie afișat în browserele care nu acceptă adnotările ruby
<rt> - Definește o explicație / pronunție a caracterelor (pentru tipografia din Asia de Est)
<ruby> - Definește o adnotare rubin (pentru tipografia din Asia de Est)
<section> - Definește o secțiune dintr-un document
<summary> - Definește un titlu vizibil pentru un element <details>
<time> - Definește o data / ora
<wbr> - Definește o posibila pauza de linie
Elemente noi de formular (New Form Elements):
<datalist> - Specifică o listă de opțiuni predefinite pentru controale de intrare
<output> - Definește rezultatul unui calcul
Tipuri noi de intrare (New Input Types): color,date,datetime,datetime,local,email,month,number,range,search,tel,time,url,week,autocomplete,autofocus,form,formaction,formenctype,formmethod,formnovalidate,formtarget,height and width,list,min and max,multiple,pattern (regexp),placeholder,required,step.
Grafică HTML5:
<canvas> Desenați grafică din mers, prin scripturi (de obicei JavaScript)
<svg> Desenați grafică vectorială scalabilă
Elemente media noi:
<audio> - Definește conținutul sunetului
<embed> - Definește un container pentru o aplicație externă (non-HTML)
<source> - Definește mai multe resurse media pentru elemente media (<video> și <audio>)
<track> - Definește piesele text pentru elementele media (<video> și <audio>)
<video> - Defineste video sau film
HTML APIs
API Geolocalizare HTML este utilizat pentru a localiza poziția unui utilizator.
Localizați Poziția Utilizatorului
API Geolocalizare în HTML este utilizat pentru a obține poziția geografică a unui utilizator.
Deoarece acest lucru poate compromite confidențialitatea, poziția nu este disponibilă decât dacă utilizatorul o aprobă.
Geolocalizarea este cea mai precisă pentru dispozitivele cu GPS, cum ar fi smartphone-ul.
Începând cu Chrome 5.0, API-ul de geolocalizare va funcționa numai pe contexte sigure, cum ar fi HTTPS. Dacă site-ul dvs. este găzduit pe o origine nesigură (cum ar fi HTTP), solicitările pentru a obține locația utilizatorilor nu vor mai funcționa.
Utilizarea geolocalizării în HTML
Metoda getCurrentPosition () este utilizată pentru a returna poziția utilizatorului.
Al doilea parametru al metodei getCurrentPosition () este utilizat pentru a gestiona erorile. Specifică o funcție care trebuie executată dacă nu reușește să obțină locația utilizatorului:
Pentru a afișa rezultatul într-o hartă, aveți nevoie de acces la un serviciu de hartă, cum ar fi Google Maps.
Geolocalizarea este de asemenea foarte utilă pentru informații specifice locației, cum ar fi:
Informații locale actualizate.
Afișare Puncte de interes în apropierea utilizatorului.
Navigare rotativă (GPS).
Metoda getCurrentPosition () returnează un obiect de succes. Proprietățile de latitudine, longitudine și precizie sunt întotdeauna returnate. Celelalte proprietăți sunt returnate dacă sunt disponibile:
coords.latitude - Latitudinea ca număr zecimal (întors întotdeauna)
coords.longitude - Longitudinea ca număr zecimal (întors întotdeauna)
coords.acuratetă - Precizia poziției (întoarsă întotdeauna)
coords.altitude - Altitudinea în metri peste nivelul mării medii (returnat dacă este disponibil)
coords.altitude - Accarity Precizia altitudinii de poziție (returnată dacă este disponibilă)
coords.heading - Titlul ca grade în sensul acelor de ceasornic dinspre nord (returnat dacă este disponibil)
coords.speed - Viteza în metri pe secundă (returnată dacă este disponibilă)
timestamp - Data / ora răspunsului (returnat dacă este disponibil)
Obiect de geolocalizare - Alte metode interesante
watchPosition () - returnează poziția actuală a utilizatorului și continuă să returneze poziția actualizată pe măsură ce utilizatorul se mișcă (precum GPS-ul într-o mașină).
clearWatch () - Oprește metoda watchPosition ().
CSS Responsive Web Design - Grid-View
Responsive Web Design - Grid-View
Ce este un Grid-View?
Multe pagini web se bazează pe un grid-view, ceea ce înseamnă că pagina este împărțită în coloane.
Un responsive grid-view are adesea 12 coloane și are o lățime totală de 100% și se va micsora și se va extinde pe măsură ce redimensionați fereastra browserului.
Construirea unui responsive Grid-View
Vom începe să construim un responsive Grid-View.
Mai întâi asigurați-vă că toate elementele HTML au proprietatea box-sizing setată pe border-box. Acest lucru asigură că padding și border sunt incluse în lățimea totală și înălțimea (total width and height) elementelor.
PHP - AJAX Căutare live
PHP - AJAX Căutare live
AJAX poate fi utilizat pentru a crea căutări mai prietenoase și interactive pentru utilizator.
AJAX Căutare live
Următorul exemplu va demonstra o căutare live, unde obțineți rezultate de căutare în timp ce tastați.
Căutarea live are multe avantaje în comparație cu căutarea tradițională:
Rezultatele sunt afișate pe măsură ce tastați
Rezultatele se restrâng pe măsură ce continuați să scrieți
Dacă rezultatele devin prea restrânse, eliminați caracterele pentru a vedea un rezultat mai larg
Rezultatele se găsesc într-un fișier XML (de ex. links.xml). Pentru a face acest exemplu mic și simplu, sunt disponibile doar șase rezultate.
Exemplu explicat - Pagina HTML
Când un utilizator tastează un caracter în câmpul de intrare, funcția „showResult()” este executată. Funcția este declanșată de evenimentul "onkeyup":
<html>
<head>
<script>
function showResult(str) {
if (str.length==0) {
document.getElementById("livesearch").innerHTML="";
document.getElementById("livesearch").style.border="0px";
return;
}
if (window.XMLHttpRequest) {
// cod pentru IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
} else { // cod pentru IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function() {
if (this.readyState==4 && this.status==200) {
document.getElementById("livesearch").innerHTML=this.responseText;
document.getElementById("livesearch").style.border="1px solid #A5ACB2";
}
}
xmlhttp.open("GET","livesearch.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<form>
<input type="text" size="30" onkeyup="showResult(this.value)">
<div id="livesearch"></div>
</form>
</body>
</html>
Explicația codului sursă:
Dacă câmpul de intrare (input field) este gol (str.length == 0), funcția șterge conținutul marcatorului de căutare live (livesearch placeholder) și iese din funcție.
Dacă câmpul de intrare (input field) nu este gol, funcția showResult() execută următoarele:
Creați un obiect XMLHttpRequest
Creați funcția care trebuie executată atunci când răspunsul serverului este gata
Trimiteți cererea dezactivată unui fișier de pe server
Observați că la URL se adaugă un parametru (q) (cu conținutul câmpului de introducere (input field))
Fișierul PHP
Pagina de pe server numită de JavaScript-ul precedent este un fișier PHP numit "livesearch.php".
Codul sursă din „livesearch.php” caută un fișier XML pentru titluri care se potrivesc cu șirul de căutare (search string) și returnează rezultatul:
<?php
$xmlDoc=new DOMDocument();
$xmlDoc->load("links.xml");
$x=$xmlDoc->getElementsByTagName('link');
//obțineți parametrul q de la URL
$q=$_GET["q"];
//căutarea tuturor linkurilor din fișierul xml dacă lungimea lui q>0
if (strlen($q)>0) {
$hint="";
for($i=0; $i<($x->length); $i++) {
$y=$x->item($i)->getElementsByTagName('title');
$z=$x->item($i)->getElementsByTagName('url');
if ($y->item(0)->nodeType==1) {
//find a link matching the search text
if (stristr($y->item(0)->childNodes->item(0)->nodeValue,$q)) {
if ($hint=="") {
$hint="<a href='" .
$z->item(0)->childNodes->item(0)->nodeValue .
"' target='_blank'>" .
$y->item(0)->childNodes->item(0)->nodeValue . "</a>";
} else {
$hint=$hint . "<br /><a href='" .
$z->item(0)->childNodes->item(0)->nodeValue .
"' target='_blank'>" .
$y->item(0)->childNodes->item(0)->nodeValue . "</a>";
}
}
}
}
}
// Setați ieșirea la „nici o sugestie” dacă nu a fost găsit niciun indiciu
// sau la valorile corecte
if ($hint=="") {
$response="nici o sugestie";
} else {
$response=$hint;
}
//ieșire răspuns
echo $response;
?>
Dacă există un text trimis de la JavaScript (strlen($q)> 0), se întâmplă următoarele:
Încărcați un fișier XML într-un nou obiect XML DOM
Buclați-vă (Loop) prin toate elementele <title> pentru a găsi potriviri (matches) din textul trimis de JavaScript
Setează URL-ul și titlul corect în variabila „$response”. Dacă se găsesc mai multe potriviri (matches), toate potrivirile (matches) sunt adăugate la variabilă
Dacă nu se găsește nicio potrivire (matche), variabila „$response” este setată pe „fără sugestie”
Acizi
Definirea acizilor conform teoriei disociației electrolitice și a teoriei protolitice; hidracizi și oxoacizi; radicali acizi; formula generală și nomenclatura acizilor; proprietățile și reacțiile chimice specifice acizilor; ionizarea acizilor; metode generale de obținere a acizilor.
Baze
Definirea bazelor conform teoriei disociației electrolitice și teoriei protolitice; formula generală și nomenclatura bazelor; proprietățile și reacțiile chimice specifice bazelor; ionizarea bazelor; metode generale de obținere a bazelor.
Săruri
Structura și formula generală a sărurilor; săruri neutre, săruri acide și săruri bazice; nomenclatura sărurilor; proprietățile și reacțiile chimice ale sărurilor; metode generale de obținere a sărurilor; neutralizare și hidroliză.
Hidrogenul
Caracteristici generale ale hidrogenului; formarea ionului de hidrură, H-, și formarea ionului de hidrogen (proton), H+. Răspândirea hidrogenului în natură. Metode de preparare a hidrogenului. Proprietățile fizice și chimice ale hidrogenului. Hidruri. Ortohidrogen și parahidrogen. Hidrogenul atomic. Întrebuințările hidrogenului. Izotopii hidrogenului (protiu, deuteriu, tritiu).
Apa
Răspândirea apei în natură. Purificarea apei - sedimentare, filtrare, sterilizare. Apele industriale. Distiliarea apei. Apa higroscopică. Proprietățile fizice ale apei. Structura moleculei de apă. Proprietățile chimice ale apei. Hidrați.
Grupa 17 sau grupa a VII-a principală
Grupa a VII-a principală, numerotată VII A sau 17, numită și grupa halogenilor, conține următoarele elemente: fluor, F, clor, Cl, brom, Br, iod, I, astatin, At.
Grupa 16 sau grupa a VI-a principală
Grupa a VI-a principală a sistemului periodic, numerotată VI A sau 16, cuprinde elementele oxigen, O, sulf, S, seleniu, Se, telur, Te, și poloniu, Po.
Grupa 15 sau grupa a V-a principală
Grupa a V-a principală a sistemului periodic, numerotată V A sau 15, cuprinde următoarele elemente: azot, N, fosfor, P, arsen, As, stibiu (antimoniu), Sb, și bismut, Bi.
Grupa 14 sau grupa a IV-a principală
Grupa a IV-a principală a sistemului periodic, numerotată IV A sau 14, cuprinde elementele carbon, C, siliciu, Si, germaniu, Ge, staniu, Sn, și plumb, Pb.
Grupa 13 sau grupa a III-a principală
Grupa a III-a principală a sistemului periodic, numerotată III A sau 13, cuprinde elementele bor, B, aluminiu, Al, galiu, Ga, indiu, In, și taliu, Tl.
Grupa 2 sau grupa a II-a principală
Grupa a II-a principală a sistemului periodic, numerotată II A sau 2, cuprinde elementele: beriliu, Be, magneziu, Mg, calciu, Ca, stronțiu, Sr, bariu, și radiu, Ra. Această grupă se mai numește grupa metalelor alcalino-pământoase.
Grupa 1 sau grupa I principală
Grupa 4 sau grupa a IV-a secundară
Grupa a IV-a secundară a sistemului periodic, numerotată IV B sau 4, cuprinde elementele rare titan, Ti, zirconiu, Zr, și hafniu, Hf.
Grupa 5 sau grupa a V-a secundară
Grupa a V-a secundară a sistemului periodic, numerotată V B sau 5, cuprinde elementele rare vanadiu, V, niobiu, Nb, și tantal, Ta.
Grupa 6 sau grupa a VI-a secundară
Grupa a VI-a secundară a tabelului periodic, numerotată VI B sau 6, cuprinde elementele crom, Cr, molibden, Mo, și wolfram, W.
Grupa 8 sau grupa a VIII-a secundară
Grupa 8 a sistemului periodic, în trecut considerată parte a grupei a VIII-a secundare, alături de grupele 9 și 10, cuprinde elementele fier, Fe, ruteniu, Ru, și osmiu, Os.
Grupa 9 sau grupa a VIII-a secundară
Grupa 9 a sistemului periodic, în trecut considerată parte a grupei a VIII-a secundare alături de grupele 8 și 10, cuprinde elementele cobalt, Co, rodiu, Rh, și iridiu, Ir.
Grupa 10 sau grupa a VIII-a secundară
Grupa 10 a sistemului periodic, în trecut considerată parte a grupei a VIII-a secundare, alături de grupele 8 și 9, cuprinde elementele nichel, Ni, paladiu, Pd, și platină, Pt.
