Fifi kun jQuery ati Bootstrap lati Kọ Ohun elo Oju-iwe Ayelujara ti Ọrẹ-Alagbeka ati Idahun

Ninu Apakan 1 ti jara yii, a ṣeto ipilẹ HTML 5 ipilẹ ti o nlo Netbeans bi IDE wa, ati pe a tun gbekalẹ awọn eroja diẹ ti a ti ṣafikun ninu alaye tuntun tuntun ti ede naa.

Ni awọn ọrọ diẹ, o le ronu ti jQuery bi aṣàwákiri-agbelebu ati agbelebu-pẹpẹ ile-ikawe Javascript ti o le ṣe irọrun irọrun kikọ alabara ni ẹgbẹ awọn oju-iwe HTML. Ni apa keji, Bootstrap le ṣe apejuwe bi ilana pipe ti o ṣepọ HTML, CSS, ati awọn irinṣẹ Javascript lati ṣẹda ọrẹ-alagbeka ati awọn oju-iwe wẹẹbu idahun.

Ninu àpilẹkọ yii a yoo ṣe afihan ọ si jQuery ati Bootstrap, awọn ohun elo ti ko ni idiyele lati kọ koodu HTML 5 diẹ sii ni rọọrun. Mejeeji jQuery ati Bootstrap ni iwe-aṣẹ labẹ awọn iwe-aṣẹ MIT ati Apache 2.0, eyiti o ni ibamu pẹlu GPL ati nitorinaa software ọfẹ ni.

Jọwọ ṣe akiyesi pe awọn ipilẹ HTML, CSS, ati awọn imọran Javascript ko bo ni eyikeyi nkan ti jara yii. Ti o ba niro pe o nilo lati dide pẹlu iyara awọn akọle yii ni akọkọ ṣaaju ṣiṣe, Mo ṣe iṣeduro gíga ẹkọ HTML 5 ni W3Schools.

Ṣiṣẹpọ jQuery ati Bootstrap sinu Ise agbese Wa

Lati gba lati ayelujara jQuery, lọ si oju opo wẹẹbu ti iṣẹ akanṣe ni http://jquery.com ki o tẹ bọtini ti o han ifitonileti fun ẹya iduroṣinṣin tuntun.

Ni akoko kikọ yi o jẹ v1.11.3 fun ibaramu ẹrọ aṣawakiri ni kikun (pẹlu awọn ẹya Internet Explorer 6, 7, ati 8) tabi v2.1.4 ti o ba ni idaniloju pe awọn alejo rẹ kii yoo lo awọn ẹya IE wọnyẹn.

A yoo lọ pẹlu aṣayan keji ninu itọsọna yii. MAA ṢE tẹ ọna asopọ igbasilẹ sibẹsibẹ (apejuwe ti o tẹle ni a tumọ si lati tọka eyiti o jẹ aṣayan ọtun).

Iwọ yoo ṣe akiyesi pe o le ṣe igbasilẹ boya fisinuirindigbindigbin .min.js tabi ẹya .js ti a ko tẹ mọ ti jQuery. Ni igba akọkọ ti a tumọ ni pataki fun awọn oju opo wẹẹbu ati iranlọwọ iranlọwọ lati dinku akoko fifuye ti awọn oju-iwe (ati nitorinaa Google yoo ṣe ipo aaye rẹ dara julọ), lakoko ti o wa ni idojukọ keji julọ ni awọn kodẹki fun awọn idi idagbasoke.

Fun idi ti irọrun ati irọrun ti lilo, a yoo ṣe igbasilẹ ẹya ti a fisinuirindigbindigbin (ti a tun mọ ni minified) si folda awọn iwe afọwọkọ inu eto aaye wa.

Ọtun tẹ lori ọna asopọ fun fisinuirindigbindigbin, ẹya iṣelọpọ ki o yan Fipamọ Ọna asopọ Bi…, ati lẹhinna lilö kiri si itọsọna ti o tọka (o le fẹ lati tọka si ọna ti a tọka si nibiti a ti yan lati fipamọ iṣẹ wa ni Apakan 1).

Lakotan, tẹ Fipamọ lori isalẹ ti ibanisọrọ lọwọlọwọ:

Bayi o to akoko lati ṣafikun Bootstrap si iṣẹ akanṣe wa. Lọ si http://getbootstrap.com ki o tẹ lori Gba Bootstrap. Ni oju-iwe ti o tẹle, tẹ lori aṣayan ti a ṣe afihan bi a ti tọka si isalẹ lati ṣe igbasilẹ awọn paati ti o wa ni minifita, ṣetan lati lo, ni faili zip kan:

Nigbati igbasilẹ naa ba pari, lọ si folda Awọn igbasilẹ rẹ, ṣii faili naa, ki o daakọ awọn faili ti a ṣe afihan si awọn ilana itọkasi ninu iṣẹ rẹ:

# cd ~/Downloads
# unzip -a bootstrap-3.3.5-dist.zip
# cd bootstrap-3.3.5-dist

# cp css/bootstrap.min.css /home/gabriel/NetBeansProjects/TecmintTest/public_html/styles
# cp fonts/* /home/gabriel/NetBeansProjects/TecmintTest/public_html/fonts
# cp js/bootstrap.min.js /home/gabriel/NetBeansProjects/TecmintTest/public_html/scripts

Ti o ba faagun igbekalẹ aaye rẹ ni Netbeans bayi, o yẹ ki o wo bi atẹle: