Основно съдържание
Какво да научиш след това
Поздравления за това, че научи основите на HTML и CSS! Сега разбираш много от нещата, които се случват на уеб страниците, които виждаш в интернет, и се надяваме, че вече можеш да разпознаваш HTML таговете и CSS правилата, които се използват в тези страници.
Обаче има още много неща, които можеш да направиш, за да обогатиш своите HTML и CSS знания. Продължи да четеш!
Още HTML тагове
- Тагове за формуляр: Има доста тагове, които се използват за създаване на формуляри, като например
<button>s и<input>s. Най-често се използват за изпращане на информация обратно до сървъра - нещо, което не е включено в Кан Академия. Могат също да бъдат използвани с Javascript, за да се създадат игри, което го показваме в HTML/JS курса ни. Научи повече за формулярните тагове с тези слайдове. Научи и сървърни езици като PHP, Python и Ruby на Codecademy. - Iframes: Тагът
<iframe>е начин, да вкараш друга страница вътре в твоята и е удобно за вграждане на YouTube видеа, Google Maps и др. Този таг е изключен в Кан Академия, поради съображения за сигурност и модерация, но може да се експериментира с него на други места. Научи повече с тези слайдове. - Мултимедийни тагове: Чрез
<audio>и<video>таговете може да се вкарат аудио и видео файлове на страниците. Подобно на<iframe>тага, те са изключени в Кан Академия. Научи повече с тези слайдове. - Нови семантични тагове: В последните няколко години, като част от "HTML5" спецификацията, браузърите са добавили нови семантични тагове, които да бъдат използвани вместо
<div>, когато е подходящо, като например<article>,<aside>,<nav>, други. Има много статии за тях тук, включително тази удобна диаграма, за да решим кога да ги използваме.
Още CSS селектори и свойства
Би трябвало да можеш да експериментираш с всички тези в Кан Академия:
- CSS3: Разгледахме CSS, който се е поддържал с години в браузърите, но има много нови CSS свойства и селектори в това, което е известно като "CSS3" спецификации, и браузърите добавят поддръжка за тях във всяка своя нова версия. Можеш да научиш повече в тези слайдове за CSS3 селекторите и слайдове за CSS3 свойствата. Не пропускай да разгледаш и caniuse.com, за да разбереш в кои браузъри какво се поддържа.
- Медийни заявки: Това е техника, която ти позволява да използваш различен CSS за различни ситуации, когато страницата ти се разглежда в по-малък размер или когато е разпечатана. Научи повече от тези слайдове.
- CSS фреймуърк: Един CSS фреймуърк представлява колекция от CSS правила и класове и много разработчици използват такива рамки, за да пишат CSS по-бързо. Най-популярният CSS фреймуърк е Twitter Bootstrap, но има още ZURB foundation, Pure CSS, Topcoat, и други.
Използване на JS в уеб страници
Уеб разработчиците използват JavaScript за създаването на интерактивни страници, с което да отговарят на събитията на потребителя и да зареждат данните динамично от сървъра. Те правят това като използват таговете
<script> вътре в HTML кода и поставят JavaScript кода в тези тагове. Техният JS код използва "DOM API": функции, които браузърите осигуряват на всяка уеб страница, за да може разработчикът да прави заявки и да манипулира тази страница.Това означава, че ако искаш да се научиш да правиш уеб страниците си интерактивни, трябва да научиш основите на езика JavaScript (което можеш да направиш тук в Кан Академия) и да научиш DOM API (което можете да направиш в нашия курс тук).
Създаване на уеб страници извън Кан Академия
Обичаме да виждаме как правиш страхотни уеб страници тук и споделяш наученото с нашата общност, но освен това смятаме, че е чудесно да имаш опит и с други среди за редакция на код и да експериментираш с функционалност, която не е осигурена от нас. Ако искаш да продължиш да пишеш код в браузъра (особено ако използваш ChromeBook), може да опиташ с JSBin.com, JSFiddle.net или Cloud9 IDE.
Ако искаш да пишеш код извън браузъра, можеш да си свалиш среда за разработка (IDE) и да запазваш своите уеб страници като ".html" файлове. Популярни среди за разработка са Notepad++ (само за Windows), Visual Studio Code, SublimeText, Adobe Brackets, Coda и TextWrangler .
Хостинг на уеб страници на сървър
Ние подслоняваме уеб страниците, които създаваш тук в Кан Академия, на наш собствен сървър, но ти може би искаш да изградиш свое собствено уеб присъствие.
За целта първо трябва да избереш компания, която да хостне твоя сайт. Има много доставчици, предоставящи хостинг с различна гъвкавост и на различни цени.
След това ще искаш да създадеш име на домейна, като "mycoolname.com", за да бъде сайтът ти част от твоята идентичност. Понякога можеш да направиш това през своя доставчик на хостинг, но по-често използваш различен домейн, регистриран за това. Научи повече от тези слайдове.
Когато имаш уеб хост, можеш да прехвърлиш своите файлове на сървър с FTP клиент като FileZilla. Това е програма, която се свързва директно към сървъра и ти позволява да разглеждаш, да сваляш и да качваш файлове на сървъра. Може да имаш възможност да се свържеш по SSH със сървъра и директно да редактираш файловете на тази машина.
Продължавай да учиш
HTML и CSS се променят постоянно, защото браузърите публикуват подобрения много често и общността на уеб разработчиците е доста активна. Един от нашите любими начини да сме винаги в крачка е да се абонираме за Frontend Focus – бюлетин с връзки към статии и демонстрации. Разбира се, винаги когато искаш да научиш нещо ново, трябва да го опиташ, за да разбереш напълно как работи.
Практика, практика, практика!
Искаш ли да се присъединиш към разговора?
Все още няма публикации.