Научете се да програмирате за уеб

Добре дошли на страниците за самообучение в MDN. Този набор от статии предоставя всичко необходимо на начинаещите уеб-разработчици, за да могат да правят прости сайтове.

Целта на тази част от Мрежата за разработчици на Мозила (МРМ) е не да ви превърне от „начинаещи“ в „експерти“, а да ви даде увереност, така че да се чувствате удобно. Оттук насетне ще можете да намерите пътя докато се учите от МРМ и от други източници за средно напреднали и напреднали. Те предполагат много повече предварително усвоени знания.

Ако сте напълно начинаещи, програмирането за уеб може да ви се стори като предизвикателство, но не се бойте. Ние ще ви водим за ръчичка и ще обясняваме в подробности, така че да научите нещата както трябва. Чувствайте се като у дома си. Няма значение дали сте студент, изучаващ програмиране за уеб (самостоятелно или заедно с други); учител, търсещ учебни материали; любител или просто някой, който се опитва да разбере как работят уеб-технологиите.

Важно: Съдържанието в областта за обучение се обновява редовно. Ако имате въпроси по теми, които бихте искали да бъдат засегнати или ви се струва, че липсват, вижте раздела Връзка с нас долу и се свържете с нас.

Откъде да започнете

  • Напълно начинаещ: Ако сте съвсем начинаещ в уеб-разработката, ви препоръчваме да започнете с модула "Да започнем с мрежата". Той предоставя практично въведение в програмирането за уеб.
  • Отделни въпроси: Ако имате въпрос относно разработването на сайтове и приложения, отделът Общи въпроси може би ще ви помогне.
  • Отвъд началото: Ако вече имате някакви знания, следващата стъпка е да изучите HTML и CSS в подробности. Започнете с Увод в HTML и след това продължете с Увод в CSS (en-US).
  • Преход към програмиране: Ако вече сте запознати с HTML и CSS или се интересувате предимно от програмиране, ще искате да отидете на JavaScript или програмиране от страната на сървъра. Започнете с модулите Първи стъпки с JavaScript (en-US) и Първи стъпки от страната на сървъра (en-US).

Забележка: В нашия Речник ще намерите определения на понятията.

Случайно понятие от речника

Intrinsic size
In CSS, the intrinsic size of an element is the size it would be based on its content, if no external factors were applied to it. For example, inline elements are sized intrinsically: width, height, and vertical margin and padding have no impact, though horizontal margin and padding do.

Получаване на изходния код на примерите

Всички примери от Страниците за Самообучение ще намерите в GitHub. Ако искате да ги свалиете на вашия компютър, най-добре направете следното:

  1. Инсталирайте Git на компютъра си. Това е системата за контрол на версиите, с която работи GitHub.
  2. Създайте си сметка в GitHub. Това е просто и лесно.
  3. След регистрацията влезте в github.com като използвате потребителските си име и парола.
  4. Отворете командния ред (Windows) или терминал (Linux, MacOSX)
  5. За да копирате хранилището с примери в папка с име learning-area в папката, в която се намирате, в терминала изпълнете следната команда:
    git clone https://github.com/mdn/learning-area
  6. Сега влезте в директорията с помощта на файловия браузър или с командата cd.

Можете да обновите местното хранилище learning-area с новите промени, направени в клона master в GitHub, като следвате стъпките:

  1. Ако се намирате в родителската папка, отидете в learning-area като използвате командата cd:
    cd learning-area
  2. Обновете хранилището чрез следната команда:
    git pull

Повече за Гит можете да научите от книгата ProGit.

Връзка с нас

Ако искате да се свържете с нас за каквото и да е, най-добре ни пишете в пощенскиите списъци или в IRC-каналите. Съобщавайте ни за всичко, което смятате, че не е в ред или липсва в сайта. Давайте заявки за нови теми за обучение, за помощ за неразбираеми понятия и каквото ви хрумне.

Ако искате да помогнете с развоя или подобряването на съдържанието, прочетете как можете да помогнете  и ни пишете! Ще се радваме да го обсъдим, независимо дали се обучавате, дали сте учител, опитен уеб-програмист или просто желаете да помогнете с подобрения.

Вижте също

Codecademy
Чудесен интерактивен сайт за изучаване на езици за програмиране от самото начало.
Code.org
Основи на програмирането – теория и практика. Предназначен предимно за деца и напълно начинаещи.
EXLskills 
Безплатни и отворени курсове за придобиване на технологични умения, с менторство и базирано на проекти обучение
FreeCodeCamp.com
Интерактивен сайт с уроци и проекти за изучаване на уеб програмиране.
Web Literacy Map
Пътеводител в разбирането за световната мрежа и уменията необходими в 21ви век, даващ възможност и за преподаване организирано в различни области.
Преподавателски дейности
Поредица от дейности по преподаване (и обучение), създадени от Фондация Мозила. Покрива всичко от основни понятия и грамотност за мрежата и сигурността до JavaScript и писане за Minecraft.