Подобро е да започнете да ги учите основите на програмирањето со јазик со кој лесно можете да најдете работа. Секоја година, индексот TIOBE објавува рангирање на најпопуларните технологии, како и динамиката на порастот и падот на нивната популарност.
Врз основа на овие податоци, можете да ја следите позицијата на Javascript и да извлечете соодветни заклучоци: иако јазикот не е најпопуларен, тој постојано се развива. Со оглед на тоа што бројот на слободни работни места за позицијата развивач на фронтанд постојано расте, а бројот на области каде што се користи Javascript се зголемува, препорачуваме да започнете со него.
Ако сè уште не сте сигурни дека можете да научите Javascript од нула, тогаш ви принесуваме напис напис што ќе го докаже спротивното и со збор и со пример.
Javascript: учење од нулаПрво, да ви кажеме што е Javascript и зошто е потребно.
Javascript е технологија базирана на прототип што се користи за пишување скрипти кои се извршуваат со посебен софтвер.
Кога се преведува на човечки јазик, тоа е помошна алка во синџирот софтвер-скрипта-извршување.
Зошто е потребен Javascript? Каде се користи овој програмски јазик? Ако одлучите да развивате мобилни, десктоп и меѓуплатформски апликации, игри, клиентски и серверски делови од веб-апликации, тогаш сте добредојдени да користите Javascript. Ова е навистина мултифункционална технологија која е погодна за развој на многумина, ако не и сè.
Патем! За нашите читатели сега има попуст од 10% на секаков вид на работа
Основи на Javascript за почетници: Каде да научитеКако да научите JavaScript од нула? Како да научите да програмирате сами? Многу почетници програмери ги поставуваат овие прашања. За среќа, одговорот постои, и тој е доста детален.
Постојат неколку опции за учење на овој програмски јазик:
- специјализирани курсеви,
- независна студија,
- студирање на универзитетот.
Со специјализирани курсеви сè е јасно: дојди и научи. Наставниците на ваквите курсеви практикуваат развивачи кои не само што споделуваат, туку и ги зајакнуваат теоретските точки со пракса.
Курсевите мора да бидат долгорочни. Никој не може да те научи ништо за еден месец!
Како сами да научите Javascript од нула: 4 начиниАко сакате сами да научите JavaScript, ќе мора да бидете исклучително самодисциплинирани и да вложите максимални напори за да функционира. Како што велат, трпението и работата сè ќе смачкаат.
Пред да започнете да програмирате во Javascript, треба детално да размислите за вашиот план за подготовка. Ние ја нудиме нашата верзија, а вие можете да ја прилагодите во зависност од вашите цели, можности и способности.
1. Научете да учите и да запомните едноставни работи. Треба да се развие способноста за само-развој. Многу е важно да можете да учите плодно. Потребна е самодисциплина и силна цел, затоа пред да почнете да учите, научете се како да учите.
2. Научете ги основите на JavaScript. Codecademy: Научете JavaScript, SnoopCode: JavaScript Tutorials, MDN's JavaScript Guide - овие онлајн ресурси опфаќаат граматика, типови, циклуси, функции, изрази, бројки, датуми, форматирање и многу повеќе.
3. Започнете со истражување на напредните јазични функции. Откако ќе ги научите основите, започнете со совладување на библиотеки и рамки: JQuery, ReactJS, Angular 2, node.js, што ќе овозможи развој на страната на серверот и други.
4. Создадете свои проекти. Free Code Camp е заедница на програмери каде што можете да објавувате код, да креирате проекти и да добивате сертификати за тоа. И главната работа е да добивате повратни информации од другите членови на заедницата.
Професионален развој: пракса и повеќе праксаМожете да студирате еден тон литература, но без постојано вежбање нема да постигнете ништо.
Човек не може да се нарече мајстор на својот занает ако знае се, но не може ништо.
Програмирањето, како и секој друг бизнис, бара постојана пракса. Уште подобро, учат и вежбај во исто време. На овој начин веднаш ќе ја тестирате теоријата во пракса и ќе разберете каде правите грешки. И ќе има грешки, верувајте ми. Но, не плашете се од тоа. Напротив, без грешки нема да има напредок.
Планирајте го вашиот ден така што ќе имате два часа време за учење секој ден. Не работете премногу напорно. Направете паузи и променете ја вашата активност. Одлично за учење Javascript, техниката Помодоро.
Гледајте видео лекции, читајте и зачувајте интересни статии, посетувајте семинари и конференции, дискутирајте и споделувајте ги вашите мислења со другите студенти.
Во принцип, имате многу работа, но можеби немате доволно време ако студирате и на факултет. Затоа ви предлагаме да ја контактирате студентската служба за да ви го олесни животот и да ја постигнете целта.
JavaScript игра огромна улога во модерниот веб. Според податоците, околу 95% од сите веб-локации во светот користат JavaScript во своите проекти. Ова е огромна бројка што ги принудува почетниците да го проучуваат JS како ветувачка и многу профитабилна технологија.
Во овој видео курс ќе се запознаеме со синтаксата на јазикот, ќе научиме како да креираме едноставни веб апликации и ќе се нурнеме во фасцинантниот свет на програмскиот јазик JavaScript!
Овој јазик е потребен за изградба на различни кориснички функционалности. Покрај тоа, со доаѓањето на нови библиотеки и рамки, стана можно да се создаде не само кориснички дел од страницата, туку и дел од серверот.
На пример, платформата користи JavaScript синтакса и ви овозможува да вршите дејства поврзани со серверот и базата на податоци. Сега, модерен веб-развивач може да изгради веб-страница користејќи само JavaScript и без други програмски јазици од трети страни (не сметајќи).
На нашиот проект можете да користите различни библиотеки и рамки напишани врз основа на JS. Потребно е да се проучат по завршувањето на овој курс, бидејќи тие се прецизно изградени.
Така, откако го проучувавте JavaScript, ќе можете да ја изградите потребната база на знаење што ќе ви биде корисна за совладување на други библиотеки и рамки или за градење веб-страници исклучиво во чист JavaScript.
Малку за Ј.С
За кои функции е одговорен JavaScript и зошто воопшто треба да го користите?
Погледнете го одговорот
JavaScript ја извршува улогата на корисничка функционалност на страницата. Можете да го користите за да креирате различни анимации и функции кои ќе го подобрат корисничкото искуство и ќе го наведат корисникот да остане на страницата подолго.
Покрај тоа, неодамна се појавија многу различни JS библиотеки кои ќе ви овозможат да креирате веб-страница целосно само во JS. Напишете не само корисничкиот дел, туку и серверот на страницата. Една таква платформа е Node JS, во која исто така ќе треба да користите JS синтакса.
Малку теорија
Кои јазици треба да ги научите пред да научите JavaScript?
Погледнете го одговорот
Треба да знаете малку HTML и CSS бидејќи JS главно се користи во развој на веб. Останатото не мора да го проучувате, бидејќи JS е посебен јазик на кој не му се потребни дополнителни технологии.
Голема задача за курсотТреба да се претплатите на страницата за да добиете голема задача. За секој курс има такви задачи. Тие вклучуваат задача, метод на решение и „Подготвено решение“.
PS: ваквите задачи се достапни само со претплата од најмалку 1 месец!
Следно
Исто така, вреди да се гледаат JavaScript упатства за JavaScript Основи на JavaScript, jQuery и Ajax (2015)Курс за почетници за основите и учењето на JavaScript. Видеото содржи примери за користење на рамката jQuery и технологијата Ajax.
Би сакал да забележам дека овој видео курс е насочен кон брзо решавање на типичните проблеми потребни во почетната фаза на трансформација на веб-страницата. Совладување на JavaScript користејќи практични и реални примери, без учење непотребни информации.
повеќе за видеото...
Целосно ажурирано издание на книгата за Javascript за детално проучување на јазикот од нула, а за искусни програмери и веб развивачи ќе им овозможи да го подигнат своето професионално ниво во длабоко познавање на JavaScript и WEB платформата.
Книгата содржи целосна референца за JavaScript. Разгледани се голем број практични примери за развој на скрипти во JavaScript, вклучително и ECMAScript 5, интерфејси за програмирање на апликации за прелистувач според стандардот HTML5.
повеќе за книгата...
Упатството за Javascript го напиша С. Стефанов, експерт за Javascript и водечки специјалист во Yahoo, автор на неколку книги, креатор на алатката за оптимизација на графика и алатката за оптимизација на изведбата на веб-страницата Упатството за Javascript содржи практични препораки за имплементација на шаблоните во прашање со примери на код. Упатството за Javascript е наменето за читатели на средно ниво.
Веб-програмерите на клиент, сервер и десктоп апликации во Javascript доста често наидуваат на проблеми поврзани со објекти, функции, наследство и други карактеристики на јазикот Javascript.
повеќе за учебникот...
Упатството за jQuery ги опишува богатите можности на библиотеката JavaScript која стана популарна меѓу програмерите.
jQuery е компактна JavaScript библиотека со вкрстени прелистувачи. Од читателот се бара да има одредено познавање на JavaScript и PHP.
повеќе за учебникот...
Сеопфатен водич, 5то издание (2008) - 5,6Mb
Упатството за Javascript има многу добар превод од англиски, што ја избегнува вообичаената забуна во термините. Презентирањето на материјалот во учебникот е јасно и разбирливо, со објаснувачки и визуелни примери.
Упатството ќе ве запознае со основите на Javascript, а потоа и со скриптската околина што ја нудат современите прелистувачи.
повеќе за учебникот...
Ако вашите веб-страници немаат динамика, флексибилност и личност, прочитајте го упатството за JavaScript и свртете се кон скриптирање. Со помош на JavaScript, можете да го направите документот паметен, да му вдахнете живот и карактер.
Скриптите се мали програми запишани во HTML кодот на веб-страницата, а JavaScript е најпопуларниот јазик за скриптирање. Ако читателот малку го разбира јазикот HTML, тогаш тоа не е важно, бидејќи информациите содржани во ова упатство за JavaScript ќе бидат доволни за создавање едноставни веб-страници, дури и за почетници.
повеќе за туторијалот...
Упатството за Ајакс опишува нов пристап за креирање веб-апликации. Упатството ги опфаќа градежните блокови на Ajax: Javascript, CSS, DOM и објектите XmlDocument и XMLHttpRequest. Учебникот дава решенија за прашањата за управување со кодот, интеракцијата помеѓу серверот и клиентот и употребата на архитектурата модел-преглед-контролер на различни нивоа на апликацијата.
Упатството за Ајакс дава информации за безбедноста и перформансите, многу важни карактеристики кои значително влијаат на вредноста на секој производ. Разговараните прашања се придружени со илустративни примери за практичната употреба на Ајакс.
повеќе за учебникот...
До заинтересираните кругови на луѓе и пријатели:
„Јаваскрипт е да се програмира што е џезот за музиката“.
Маркус Персон
Оваа статија е за тоа како научив/продолжив да го учам прекрасниот јазик JavaScript.
JS за почетници. Лекција 0: ВоведМислам дека нема потреба да објаснувате зошто треба да научите JavaScript, само прочитајте ја статијата „Тековни технологии и трендови во веб-развојот“.
Почнав со курс за JavaScript на codecademy.com, завршив околу половина од него, а во исто време почнав да ги проучувам основите на learn.javascript.ru, попогодно е да се купи книга на epub/pdf learn.javascript.ru/ е-книга.
Потоа се префрлив од codecademy.com на одлична услуга за учење freecodecamp.com, ги поминав деловите: „Основен JavaScript“, „Објектно ориентирано и функционално програмирање“, почнав да земам „Основно алгоритамско скриптирање“ (upd: помина 3 од 7 ).
Почнав да читам JavaScript. Детален водич“ автор: Дејвид Фланаган (ozon.ru), сфатив дека во оваа фаза за мене ова е повеќе референтна книга, решив да погледнам понатаму. Наидов на курс за JavaScript на hexlet.io, сè е објаснето многу јасно, курсот се базира на книгата „JavaScript. Предности“ автор: Даглас Крокфорд (ozon.ru) и на неговото предавање, добро е да ја прочитате оваа книга откако ќе го погледнете курсот (надградба: прочитајте 43 страници од 173).
Сега постои идеја да се земе курсот „JavaScript/DOM/интерфејси“ од Илја Кантор (learn.javascript.ru/courses).
УПД: Откако разговарав со програмерите, дознав дека најважното нешто во учењето е практиката, а книгите можат да се изучуваат паралелно и да ја применуваат теоријата на вистинско знаење, не е неопходно да се приклучиш на постоечки проект, можеш да започнеш свој , што всушност ќе го направам.
Многу корисни ресурси може да се соберат од првиот запис на блогот „Како да станете одличен развивач од предниот дел“ (kirillzharov.ru/how_to_become_cool_front-end_developer), избор на курсеви, книги за изучување, статии, видеа на JavaScript на врската kirillzharov .ru/frontend.
Статијата се базира лично на моето искуство за учење JavaScript и не се преправа дека е единствената оптимална опција, таа ќе се ажурира додека учам.
Тагови: преден дел
Наставниците и менторите кои предаваат JavaScript можат да понудат свои опции за организирање на низата на учење JavaScript во коментарите на овој дел од учебникот. Своите коментари за организацијата на учебникот можат да ги кажат и читателите кои самостојно учат JavaScript. За да биде ефективно самопроучувањето на JavaScript, неопходно е да се вклучи методолошкото искуство што го обезбедува учењето JavaScript. Упатството за почетници треба да му помогне на развивачот да започне брзо.
JavaScript 1. ВоведКога се генерираат страници на Интернет, се појавува дилема поврзана со архитектурата клиент-сервер. Страниците може да се генерираат и на страната на клиентот и на страната на серверот. Во 1995 година, Netscape создаде механизам за управување со страницата од страна на клиентот преку развивање на програмскиот јазик JavaScript.
Така, JavaScript е јазик за управување со скрипти за гледање хипертекст веб-страници на клиентската страна.
Главната идеја на JavaScript е да може да се менуваат вредностите на атрибутите на контејнерите на HTML и да се прикажат својствата на околината додека корисникот ја гледа HTML страницата. Во овој случај, страницата не се вчитува повторно.
Во пракса, тоа значи дека можете, на пример, да ја промените бојата на позадината на страница или слика интегрирана во документ, да отворите нов прозорец или да издадете предупредување.
Името JavaScript е сопственост на Netscape. Имплементацијата на јазикот што ја спроведуваат програмерите на Microsoft официјално се нарекува Jscript.
Верзиите на JScript се компатибилни (поточно, не целосно компатибилни) со соодветните верзии на JavaScript, т.е. JavaScript е
подмножество на јазикот JScript. JavaScript е стандардизиран од ECMA (Европска асоцијација на производители на компјутери). Соодветните стандарди се нарекуваат ECMA-262 и ISO-16262. Овие стандарди го дефинираат јазикот ECMAScript, кој е приближно еквивалентен на JavaScript 1.1.
Забележете дека не сите JavaScript имплементации денес се целосно усогласени со стандардот ECMA. Во текот на овој курс, во сите случаи ќе го користиме името JavaScript.
2. JavaScript накраткоДодавање и отстранување на елементи.
Ги разгледува вредностите препознаени во JavaScript и ги опишува основните градежни блокови на JavaScript изразите: вредности, променливи и буквални.
5. Изрази и операцииОпфаќа JavaScript изрази и операции, вклучувајќи: доделување, споредба, аритметика, битови, логичка низа и специјални операции.
6. Правилни изразиРедовните изрази се обрасци кои се користат за усогласување на комбинации на знаци во низите. Во JavaScript, редовните изрази се исто така објекти.
7. ОператориJavaScript поддржува компактен сет на оператори кои може да се користат за креирање интерактивни веб-страници. Еве преглед на овие оператори.
8. ФункцииФункциите се другите основни градежни блокови на JavaScript.
Упатство за JavaScript за почетници од Дмитриј ТрепачевФункцијата е JavaScript процедура - збир на изјави кои извршуваат одредена задача. За да користите функција, прво мора да ја дефинирате; тогаш скриптата може да ја повика оваа функција.
Дефинирање на функции
Функции за повикување
Користење на Arguments Array
Предефинирани функции
Ја опфаќа употребата на објекти, својства, функции и методи и како да креирате сопствени објекти.
Објекти и својства
Креирање на нови објекти
Предефинирани објекти на кернелот
JavaScript е објектно-ориентиран јазик базиран на прототип, а не на класи-базиран. Поради оваа основна разлика, не е очигледно како JavaScript ви дозволува да креирате хиерархии на објекти и да имплементирате наследување на својства и вредности. Ова поглавје се обидува да го разјасни ова.
Јазици базирани на класи и јазици базирани на прототипови
Пример вработен
Создавање хиерархија
Својства на објектот
Пофлексибилни конструктори
Наследството на имотот е повторно разгледано
Можете да вградите JavaScript во HTML документ како оператори и функции во телото на ознаките, со одредување датотека како извор на JavaScript, со одредување JavaScript израз како вредност на атрибут HTML или како управувач со настани во одредени други HTML ознаки (најзабележително во елементите на формата).
Користење на ознаката SCRIPT
Спецификација на датотека со JavaScript код
Користење на изрази на JavaScript како вредности на атрибути на HTML
Користење на наводници
Спецификација на алтернативна содржина со ознаката NOSCRIPT
Апликациите JavaScript во Navigator широко ги користат настаните. Настаните се дејства кои периодично се случуваат како резултат на некои кориснички дејства. На пример, кликнувањето на копче е настан, како што е менувањето на текстот во полето за текст или поместувањето на глувчето преку хиперврска. За да направите вашата скрипта да одговори на настан, дефинирате управувач за настани како што се onChange и onClick.
Дефинирање на управувач со настани
Објект на настанот
Снимање настан
Проверка на податоците внесени во формуларот
Ги разгледува JavaScript објектите во Navigator и објаснува како да ги користите. Објектите на JavaScript од страна на клиентот понекогаш се нарекуваат објекти на Навигатор за да ги разликуваат од објектите на серверот и објектите свртени кон корисникот.
14. Користење на прозорци и рамкиJavaScript ви овозможува да креирате и манипулирате со прозорци и рамки за да презентирате HTML содржина. Објектот прозорец е објект од највисоко ниво во хиерархијата JavaScript од страна на клиентот; Објектите на рамки се слични на објектите на прозорецот, но одговараат на „подпрозорците“ создадени од ознаките FRAME во документ со ознака FRAMESET.
15. Дополнителни написиОпфаќа некои посебни концепти и апликации кои ги подобруваат можностите и флексибилноста на JavaScript.
16. Безбедност во JavaScriptJavaScript автоматски ги спречува скриптите на еден сервер да пристапуваат до својствата на документите на други сервери. Ова ограничување ги спречува скриптите да добиваат чувствителни информации како што се структури на директориуми или историја на сесии на корисници. Ова ги опишува безбедносните модели кои се наоѓаат во различни верзии на JavaScript.
17. jQueryjQuery е JavaScript библиотека која обезбедува универзална интероперабилност меѓу прелистувачите помеѓу Java Script и HTML.
JavaScript од нула Брза референцаJavaScript беше развиен заеднички од Netscape и Sun Microsystems. Ним им беше потребен поедноставен јазик со кој би можеле да работат веб-дизајнерите и обичните програмери. Во исто време, мораше да работи со приклучоци, слики и Java аплети. Раководството на компанијата не го сакаше јазикот PHP, кој може да биде погоден за овие цели, па затоа беше потребен нов. Создавањето на јазикот му беше доверено на Брендан Ајх, кој беше ангажиран од Netscape во април 1995 година. Покрај него, во развојот учествуваа и Марк Андреесен од Netscape и Бил Џој (ко-основач на Sun Microsystems).
Во исто време, сите разбраа дека Мајкрософт се стреми да го освои пазарот на Интернет. Запомнете ја познатата изрека на Бил Гејтс - „Во иднина ќе има само два типа на компании: оние кои отишле на интернет и оние кои згаснале“. Затоа, Брендан Ајх мораше да го заврши создавањето на јазикот за само две недели, што беше причина за многу недостатоци во првите верзии. Првиот јазик развиен бил наречен мока. Потоа, очигледно сфаќајќи колку е страшно името, го преименувале во LiveScript. И во декември 1995 година, откако доби дозвола од Sun, JavaScript одлучи да игра на популарноста на Java. Затоа, иако самиот јазик сега не му припаѓа на никого, правата на името на јазикот му припаѓаат на Oracle, која ја купи Sun Microsystems.
Во 1996 година, Мајкрософт ја објави својата верзија, нарекувајќи ја JScript, која работеше само во третата верзија на Internet Explorer. Некои тврдат дека комплетно го копирале JS заедно со сите багови и сè функционирало многу лошо. Во секој случај, тие мораа да ја напуштат употребата само на JScript и да обезбедат поддршка за стандардните JS (истовремено развивање на Visual Basic Script - двете технологии сè уште се поддржани од Microsoft).
Подоцна, раководството на Netscape одлучи да го стандардизира јазикот, што беше спроведено од асоцијацијата ECMA. Јазичниот стандард стана познат како ECMAScript, а JScript, JavaScript и ActionScript се сметаат за негови екстензии.
Јазична филозофија на JavaScriptJS има синтакса која споделува многу сличности со Java и C, но може да се смета семантички поблиску до Smalltalk или Lisp. На пример, и JavaScript и Java користат објектно-ориентиран пристап, но во JS тој се спроведува не преку класи, туку преку прототипови. JavaScript има динамично пишување, додека Java има статичко пишување. И, конечно, скриптите JavaScript се извршуваат директно од датотека, наместо да користат виртуелна машина.
JS може да се вгради директно во веб-страница користејќи ознаки или да се вчита од друга датотека (html документот ја одредува локацијата од таа датотека).
Исто така, вреди да се забележи еден од најважните концепти за JS - моделот на објект на документ - програмски интерфејс кој им овозможува на скриптите да пристапат до структурата на веб-документите, менувајќи ја нивната структура или содржина.
Каде се користи JavaScript?JavaScript е најпопуларниот јазик на интернет денес. Всушност, веб-апликациите се прават само на него (или на други негови имплементации). JavaScript се користи во AJAX, за креирање графички контроли, дополнителни функции во прелистувачи (обележувачи, на пример), кориснички скрипти итн. Во денешно време е речиси невозможно да се најде сајт или услуга што не користи JS барем во мала мера.
Благодарение на HTML5, беше можно да се поместат Flash технологиите од прелистувачите.
Затоа, JS сега има можност да работи со аудио, видео, 3D (WebGL) и да црта слики на страницата програмски (Canvas).
Откако Google го објави својот прелистувач Chrome (базиран на Chromium), вгради во него многу моќен JS процесорски мотор, кој беше наречен V8. Овој мотор го преведе JS во машински код.
JavaScript се користи и за креирање десктоп апликации (надвор од прелистувачот).
Сепак, не се здоби со голема популарност меѓу програмерите, освен можеби некои ентузијасти. Но, JS се користи во оперативните системи на прелистувачот - IndraDescktop WebOS, IntOS, eyeOS.
Но, употребата на JS за развој на мобилни апликации е доста процут. Најпознатата рамка во оваа област е PhoneGap (Кордова) - ви овозможува да пишувате апликации за iOS, Android, користејќи само JavaScript.
JS се користи и во канцелариски апликации - во Microsoft Office, OpenOffice за автоматизирање на некои дејства и за креирање макроа. JavaScript скриптите се поддржани и во апликациите на Adobe (Photoshop, Illustrator, Dreamveawer).
Така, можеме да кажеме дека JavaScript победи во речиси сите области каде што постои Интернет. И неодамна, почна да оди подалеку од World Wide Web, наоѓајќи апликација во Интернет на нештата (веќе има многу проекти за паметни домови користејќи Node.js).
Тешкотии во учењето JavaScriptЧистата ЈС воопшто не е тешко да се научи. Ако веќе знаете некој друг програмски јазик, тогаш повторното учење нема да биде премногу тешко. Сепак, програмерите сега треба да знаат многу повеќе технологија за да работат со неа отколку во 90-тите или 2000-тите. Треба да ги проучувате рамки и развојните алатки кои постојано се ажурираат и менуваат. И бидејќи ова е веб, овие промени се случуваат многу побрзо отколку кај другите јазици. Всушност, ќе мора постојано да ги бркате најновите модни трендови за да бидете во чекор со другите програмери.
Добрите / лошите страни на JavaScriptПредностите на јазикот се добро познати - јазикот е толку широко користен на веб што никогаш нема да останете без работа. Во која било ИТ компанија можете лесно да најдете позиција како преден или заден програмер (во зависност од вашите квалификации). Јазикот постојано се развива - недостатоците кои беа воведени при создавањето на јазикот се елиминирани, се појавуваат нови функции и технологии кои го олеснуваат програмирањето.
На другата страна на медалот е дека технологии поврзани со JS може да се промени премногу брзо. Затоа, ќе мора да се обидете да останете во чекор. Исто така, барањата за работа на вашата веб-апликација може почесто да менуваат редослед на големина и ќе имате многу повеќе работа од вашите колеги кои прават мобилни или десктоп апликации.
Поврзани технологииCoffeescript е програмски јазик кој се преведува во JS. Ви овозможува да пишувате поедноставен и компактен код.
Ajax е технологија која ви овозможува да испраќате барања до серверот и да добивате одговор без повторно да ја вчитате страницата. Таа многу придонела за популаризација на Ј.С.
Typescript е JS имплементација воведена од Microsoft во 2012 година. Ги проширува можностите на JS (во некои извори е опишан како „JS со класи“).
Метеор е рамка која работи на врвот на јазолот. Ви овозможува да го поедноставите развојот на Node.js.
JQuery е JS библиотека која го олеснува пристапот до кој било елемент. Често се користеше за создавање анимации, убави списоци за отворање (хармоника), лизгачи за слики (рингишпил) и лизгачки панели.
UnityScript е JS имплементација за програмирање игри во Unity(3D).
Од авторот: пред неколку месеци не можев да го погледнам ЈС без да се нервирам. Бев 100% уморен од ЈС и не можев да излезам од оваа состојба. Тоа траеше многу години. Денес сакам да користам JavaScript и неговиот екосистем. Што се случи?
Јас користам JS во една или друга форма од 90-тите. Имам книги кои сега изгледаат прилично смешно. Тие се полни со документ.пишуваат изјави.
JS се промени многу во текот на изминатите неколку години. Отпрвин немав време да ги проучувам сите овие промени. Не можев да прифатам толку многу нови работи одеднаш. JS се смени, но јас се спротивставив. Го учев толку долго, и одеднаш почна да се менува.
Најдов коментар во популарната статија „Modern JavaScript Explained For Dinosaurs“. Се вели дека „да се научи модерен JS е многу тешко ако не го правиш тоа од почеток“:
„Би рекол дека наставата од самиот почеток (да, јас сум „толку“ стар) е уште потешка - „Тим Тејт“
JavaScript. Брз почеток
Во 2012 година сериозно се зафатив со JS и Node.js. ES6 за мене беше најголемата промена на јазикот на сите времиња, никогаш досега не сум видел нешто слично. Претходната голема промена беше во 2009 година со ES5. ES6 буквално промени сè. Беше толку големо ажурирање на JS што секој ден имаше толку многу нови функции што би можеле да влезат во спецификациите, но не знаевте дали тие ќе успеат или не. И морав да стигнам додека сите на Твитер дискутираа што ќе биде следната голема работа.
Вар е минато.
Функцијата повеќе ја нема.
Прототипното наследство, за кое требаше толку многу време да се проучува, исчезна, скриено под часовите.
И тоа беше само почеток.
Градење сèЕдна од големите промени е градежништвото.
Се оддалечивме од едноставно вклучување JS-датотеки преку ознака за скрипта и сега имаме фази на градење во кои нашиот јазик се компајлира во неразбирливо огромна датотека. Отпрвин силно се спротивставив, застанав во мојата кула, вооружен до заби, подготвен да се борам со оваа формација.
Кога пристигнаа засилувањата на Бабел, на почетокот се борев уште посилно. Но, сепак, на крајот го кренав белото знаме и му се придружив на непријателот.
Сфатив дека Бабел не е некоја фенси библиотека која нуди иднина, најнови функции и кога сето тоа ќе се појави во прелистувачите, ќе заборавиме на Бабел. Не, Бабел е тука да остане во догледна иднина.
Кога ES2017 е целосно поддржан во прелистувачите, Babel ќе дозволи ES2018, ES2019 итн. Нема излез. Прегрнете ја иднината, Вабел е ваш пријател.
Користете ги наједноставните алтернативиАлатките се еден од најтешките делови на JS во моментов. Да, можете да ги научите работите на Webpack, но ако започнете, игнорирајте сè и користете готови решенија како што се create-react-app, React Boilerplate, кои ги кријат малите детали од вас и ви дозволуваат да се фокусирате на кодот .
Не започнувајте со поставување на вашата околина, учете со Glitch: нема едноставни теми во учењето модерни JS.
Нема повеќе огромни изданијаES6 беше толку голем што комисијата ECMAScript одлучи да направи помали изданија. Затоа ES6 се нарекува и ES2015, тоа беше првото издание со една година - сега ќе има изданија секоја година. Тоа го олеснува учењето нешто. Ќе има помалку промени бидејќи времето за нивно спроведување е ограничено и тоа е предвидливо (откажете се, доаѓаат промени).
Игнорирај ја бучаватаАко сте како мене, следите многу луѓе на Твитер кои секогаш се на врвна. Можеби следниот тренд ќе бидат некои лидери кои ќе ги диктираат нивните мисли. Велат користете X, сите користат X.
Можеби сакаат да го изложат својот код на најновите API, кои воопшто не се стандардизирани, но можат да се овозможат во прелистувачот преку знаменце.
Можеби имаат добри причини за ова. Вие не сте. Немојте да ве залажуваат новите сјајни работи, фокусирајте се на работата.
Новите рамки не се објавуваат секоја неделаНа интернет има шега за „рамка на месецот“ или „нова библиотека на неделата“. Вистина е, има многу луѓе кои работат со JS, и тоа е одлично. Ова носи иновации и еволуција, потписно искуство на JS во последните неколку години (што е многу за јазичниот екосистем).
Но, нешто големо често прави мала разлика.
4 години се многу време во ИТ. Ова се стабилни технологии. Научете ги, ќе останат долго, предолго (и нема да заминат).
„Имате доволно време да станете експерт во која било од овие рамки. Тие нема да одат никаде во скоро време“.
Прифатете го фактот дека сè доаѓа и си одиСè има животен циклус.
JavaScript. Брз почеток
Научете ги основите на JavaScript со практичен пример за тоа како да креирате веб-апликација.
Пред неколку години, jQuery се користеше насекаде. Во денешно време на него ретко се започнуваат нови проекти.
Backbone.js беше популарен во 2013 година. Сега го нема.
CoffeeScript беше избришан од лицето на земјата.
Ember.js, Angular.js и Meteor полетаа и се на врвот веќе неколку години. Во денешно време најозборуваните се React, Vue и Angular (тоа не е Angular.js).
Циклусот на такви основни рамки трае неколку години. Сè уште имам многу апликации Ember.js и сите тие работат добро. Ако работат, не треба да се ажурираат. Не планирам да ги допрам.
„Технологијата се развива и созрева. После не зборуваат повеќе за тоа, туку го користат“.
Не сте доволно глупави за да користите jQueryНекои луѓе не можат да се победат, но ако читате многу, сте виделе луѓе кои ја презираат технологијата што сите некогаш ја користеле - тие подобро знаат и сакаат да ви кажат дека грешите.
Одамна програмирам во PHP, навикнат сум на тоа. Нормално е луѓето да критикуваат нешто популарно. Дури и Go понекогаш е критикуван за неговата едноставност, иако ова е трикот. Секогаш ќе има такви луѓе.
Како пример, ќе цитирам твит од Pieter Levels, кој изгради огромен независен бизнис на една датотека PHP. Прочитајте ги коментарите.
Како почетник, можеби ќе ви биде кажано дека сте избрале стара технологија што никој повеќе не ја користи и дека треба да користите React.
Не ги слушајте.
Запомнете: ако работи за вас, тоа е вистинскиот оџак.
„Ако тоа функционира за вас, тоа е вистинскиот стек“.
Речиси секогаш, технологијата од големите компании се создава за потреби кои се различни од вашите или вашиот мал тим. Користете го она што го знаете и правете нешто поинакво, дури и без најновата технологија.
Во моментов, веројатно не ви треба jQuery. Но, не наместо рамка - обичниот ЈС е многу добар.
Друга важна точка е прекумерната компликација. Не користете технологија само за да изгледате попаметно. Запознајте ја подобро. Дознајте кога рамка или библиотека ќе ви помогне.
Не треба да знаете сè. Најдете ја вашата рамнотежаОва можеби звучи како цитат на Твитер, но никој не знае сè. Никој не може да научи сè што се случува во развојот на предниот дел сега. Ова е вечно училиште. Нема да може да се заврши.
Научете технологии со документација погодна за корисникотНе случајно React и Vue имаат толку добра документација.
Ова е клучен дел од успехот.
JavaScript повторно ќе се промениМинатата година, јазикот ECMAScript беше воведен за чекање/асинхронизација. Сега тие се користат многу често. Кодот за ветување изгледа апсолутно страшно, ќе сакате да препишете сè.
vНо, не правете го ова, подобро е да користите нови функции за нов код.
Истото ќе се случи и оваа година со ES2018. Сите ќе зборуваат за тоа некое време, а потоа ќе се вратат на работа и ќе почнат да зборуваат за карактеристиките на ES2019.
Прифатете ги промените. Ова е многу подобро отколку користење технологија која никому нема да му треба за неколку години: JS е тука да остане!
Научете ги основите и пронајдете го вашиот патРазвојот за веб-платформа бара често задолжително учење на нешто ново, дури и само за да се знаат можностите.
Понекогаш 20% од вашето време потрошено на 80% од новите функции ќе биде доволно без да навлегувате во рабови.
Патувањето само што започнаВо споредба со другите јазици, ЈС е сè уште млад. Тој е многу популарен и успеа многу да промени во текот на изминатите неколку години. Јазикот привлекува многу талентирани програмери секој ден. Неверојатно е да се замисли како ќе пишуваме за 10 или 20 години.
Програмата, која традиционално се нарекува „Здраво, свет! “, е многу едноставно. Некаде ја испушта фразата „Здраво, свето!“, или друга слична, користејќи одреден јазик.JavaScript е јазик на кој програмите може да се извршуваат во различни средини. Во нашиот случај, зборуваме за прелистувачи и серверската платформа Node.js. Ако сè уште не сте напишале ниту една линија JS код и го читате овој текст во прелистувач на десктоп компјутер, тоа значи дека сте буквално неколку секунди оддалечени од вашата прва JavaScript програма.
За да го напишете, доколку користите Google Chrome, отворете го менито на прелистувачот и изберете ја командата Дополнителни алатки > Алатки за програмери. Прозорецот на прелистувачот ќе биде поделен на два дела. Во едната од нив страницата ќе биде видлива, во другата ќе се отвори панел со алатки за програмери, кој содржи неколку обележувачи. Ние сме заинтересирани за табот Конзола. Кликнете на неа. Игнорирајте го она што веќе е присутно во конзолата (можете да ја користите комбинацијата на копчиња Ctrl + L за да ја исчистите). Сега сме заинтересирани за поканата за конзолата. Ова е местото каде што можете да внесете JavaScript код, кој се извршува со притискање на копчето Enter. Ајде да го внесеме следново во конзолата:
Console.log ("Здраво, свет!")
Овој текст може да се внесе од тастатурата или можете да го копирате и залепите во конзолата. Резултатот ќе биде ист, но ако учите да програмирате, се препорачува сами да ги внесувате текстовите на програмата наместо да ги копирате.
Откако текстот на програмата е во конзолата, притиснете го копчето Enter.
Ако сè е направено правилно, под оваа линија ќе се појави текстот Здраво, свет! . Засега игнорирајте сè друго.
Првата програма во конзолата на прелистувачот - емитување порака до конзолата
Друга верзија на прелистувачот „Здраво, свет! се состои од прикажување на прозорец со пораки. Ова е направено вака:
Предупредување ("Здраво, свет!")
Еве го резултатот од извршувањето на оваа програма.
Прикажи порака во прозорец
Забележете дека лентата со алатки за програмери сега се наоѓа на дното на екранот. Можете да ја промените неговата локација со користење на менито со три точки во насловот и со избирање на соодветната икона. Таму можете да најдете и копче за затворање на овој панел.
Алатките за програмери, вклучувајќи ја и конзолата, се достапни и во други прелистувачи. Добрата работа на конзолата е што таа е секогаш при рака кога го користите прелистувачот.
Постојат и други начини да се изврши JS код во прелистувачот. Така, во типичната употреба на JavaScript програмите, тие се вчитуваат во прелистувачот за да направат веб-страниците да работат. Како по правило, кодот се форматира како посебни датотеки со наставката .js, кои се поврзани со веб-страници, но програмскиот код може да се вклучи и директно во кодот на страницата. Сето ова е направено со користење на ознаката. Кога прелистувачот ќе наиде на таков код, тој го извршува. Детали за ознаката може да се најдат на w3school.com. Конкретно, да разгледаме пример кој покажува како да се работи со веб-страница користејќи JavaScript, даден на овој ресурс. Овој пример, исто така, може да се изврши со користење на овој ресурс (побарајте го копчето Пробај сам), но ние ќе го направиме тоа малку поинаку. Имено, ајде да создадеме нова датотека во некој текстуален уредувач (на пример, во VS Code или Notepad++), кој ќе го наречеме hello.html и ќе го додадеме следниов код во него:
document.getElementById("здраво").innerHTML = "Здраво, свет!";
Овде најмногу не интересира линијата document.getElementById("здраво").innerHTML = "Здраво, свет!"; , што е JS код. Овој код е вклучен во ознаките за отворање и затворање. Пронаоѓа HTML елемент во документот со идентификаторот hello и ја менува својата внатрешна HTML својство (т.е. HTML кодот содржан во овој елемент) во Hello, world! . Ако ја отворите датотеката hello.html во прелистувач, ќе се прикаже наведениот текст.
Излез на порака преку JavaScript до HTML елемент
Како што веќе споменавме, можете веднаш да ги испробате примерите дадени на w3school.com. Исто така, постојат специјализирани онлајн средини за развој на веб, а особено за извршување на JS код. Меѓу нив, на пример, codepen.io, jsfiddle.net, jsbin.com.
Еве, на пример, како изгледа нашиот пример, рекреиран со помош на CodePen.
Полето HTML го содржи кодот што го опишува елементот HTML, полето JS го содржи кодот JavaScript, а резултатот се прикажува на дното на страницата.
Рековме погоре дека JavaScript програмите може да се извршуваат на различни платформи, од кои едната е серверската околина Node.js. Ако сакате да научите JavaScript со фокус на развој од страна на серверот, веројатно треба да извршите примери користејќи Node.js. Имајте на ум дека, едноставно кажано, и без да се земе предвид специфичната поддршка на одредени јазични карактеристики од верзиите на Node.js и користениот прелистувач, истиот код ќе работи во Node.js и во прелистувачот што користи основните механизми на јазикот. Тоа е, на пример, командата console.log ("Здраво, свет!") ќе работи на двете места. Програмите што користат механизми специфични за прелистувачот нема да работат во Node.js (истото важи и за обидите за извршување на програмите Node.js во прелистувачот).
Со цел да го лансираме нашето „Здраво, свето! во околината Node.js, инсталирајте ја Node.js со преземање на соодветната дистрибуција од овде. Сега ајде да создадеме датотека hello.js и да го поставиме следниот код во неа:
Console.log ("Здраво, свет!");
Користејќи ја командната линија, одете во папката во која е зачувана оваа датотека и извршете ја следнава команда:
Јазол hello.js
Еве каков ќе биде резултатот од неговото извршување:
Излез на порака од Node.js
Патем, можеби сте забележале (и најверојатно сте забележале ако самите сте го внеле кодот) дека во некои од горенаведените примери, запирките се користат на крајот од редовите, а во други не. Во некои, текстот што сакаме да го пренесеме во конзолата или како порака е опкружен со двојни наводници, а во други со единечни наводници. Сега можеби се прашувате зошто е тоа така и како, ако различни верзии на кодот работат без грешки, можете правилно да го напишете овој код. Ако одговориме на ова прашање без да навлегуваме во детали и без да земеме во предвид некои ситни детали, тогаш можеме да кажеме дека и употребата на наводници и запирки се прифатливи и дека функционираат исто. Изборот на одредена опција зависи од стилот на кодирање што го следи програмерот и од потребите на одреден фрагмент од програмата. Дополнително, од овие едноставни примери можеше да почувствувате една од карактеристичните карактеристики на JavaScript, а тоа е дека јазикот му дава одредена слобода на програмерот.
Сега кога го имавте вашето прво запознавање со JavaScript, ви предлагаме да разговарате подетално за овој јазик.
Разбирање на JavaScript JavaScript е еден од најпопуларните програмски јазици во светот. Создаден пред повеќе од 20 години, измина долг пат во својот развој. JavaScript беше наменет да биде јазик за скриптирање за прелистувачи. На самиот почеток имаше многу поскромни можности од сега. Главно се користеше за создавање едноставни анимации, како што се паѓачките менија, и беше познат како дел од технологијата Dynamic HTML (DHTML, динамичен HTML).Со текот на времето, потребите на веб-околината растеа, особено, се појавија нови API, а JavaScript требаше да биде во чекор со другите технологии за поддршка на веб-развојот.
Овие денови, JS се користи не само во традиционалните прелистувачи, туку и надвор од нив. Конкретно, зборуваме за серверската платформа Node.js, за можностите за користење JavaScript во развојот на вградени и мобилни апликации и за решавање на широк опсег на проблеми за кои JavaScript не се користел досега.
Основни карактеристики на JavaScript JavaScript е јазик кој ги има следните карактеристики:- Високо ниво. На програмерот му дава апстракции кои овозможуваат игнорирање на спецификите на хардверот на кој се извршуваат JavaScript програмите. Јазикот автоматски управува со меморијата користејќи собирач на ѓубре. Како резултат на тоа, развивачот може да се фокусира на решавање на проблемите со кои се соочува без да биде расеан од механизми на ниско ниво (иако, треба да се забележи, тоа не ја елиминира потребата за рационално користење на меморијата). Јазикот нуди моќни и практични алатки за работа со податоци од различни типови.
- Динамичен. За разлика од статичните програмски јазици, динамичните јазици се способни, за време на извршувањето на програмата, да вршат дејства што статичните јазици ги вршат за време на компилацијата на програмата. Овој пристап има свои добрите и лошите страни, но на развивачот му дава такви моќни карактеристики како што се динамично пишување, доцно врзување, рефлексија, функционално програмирање, менување на објекти при извршување, затворање и многу повеќе.
- Динамички отчукуван. Не се бара да се специфицираат типови на променливи за време на развојот на JS. Во истата променлива, на пример, можете прво да напишете низа, а потоа цел број.
- Слабо пишувано. За разлика од силно напишаните јазици, слабо отчукуваните јазици не го принудуваат програмерот, на пример, да користи објекти од одредени типови во одредени ситуации, изведувајќи имплицитни конверзии на типови доколку е потребно. Ова дава поголема флексибилност, но JS програмите не се безбедни за типот, што го отежнува проверката на типот (TypeScript и Flow се насочени кон решавање на овој проблем).
- Толкувачки. Широко се верува дека JavaScript е интерпретиран програмски јазик, што значи дека програмите напишани во него не треба да се компајлираат пред да се извршат. Во овој поглед, JS е во контраст со јазици како што се C, Java, Go. Во пракса, прелистувачите, за да ги подобрат перформансите на програмата, компајлираат JS код пред да го извршат. Овој чекор, сепак, е транспарентен за програмерот и не бара дополнителен напор од него.
- Мулти-парадигма. JavaScript не го принудува развивачот да користи одредена програмска парадигма, за разлика од, на пример, Java (објектно-ориентирано програмирање) или C (императивно програмирање). Можете да пишувате JS програми користејќи ја објектно-ориентирана парадигма, особено користејќи прототипови и класи што се појавија во стандардот ES6. JS програмите можат да бидат напишани и во функционален стил, поради фактот што функциите овде се објекти од прва класа. JavaScript исто така дозволува работа во императивниот стил што се користи во C.
Се случува, во светот на веб-програмирањето, стандардот ES3, усвоен во 1999 година, е релевантен многу долго време. Не постои четврта верзија на стандардот (тие се обидоа да додадат премногу нови функции на него и никогаш не беа прифатени). Во 2009 година беше усвоен стандардот ES5, што беше навистина огромно ажурирање на јазикот, прво по 10 години. После него, во 2011 година, беше усвоен стандардот ES5.1, а во него имаше и многу нови работи. Стандардот ES6, усвоен во 2015 година, исто така стана многу значаен во однос на иновациите. Од 2015 година, секоја година се усвојуваат нови верзии на стандардот.
Најновата верзија на стандардот во времето на објавување на овој материјал е ES9, усвоена во јуни 2018 година.
Резултати Денес напишавме „Здраво, свето!“ во JavaScript, ги разгледа главните карактеристики на јазикот и зборуваше за неговата стандардизација. Следниот пат ќе зборуваме за стилот на текстовите на JavaScript и лексичката структура на програмите.Почитувани читатели!
Ако не сте биле запознаени со JavaScript пред да го прочитате овој материјал, ве молиме кажете ни дали сте можеле да го извршите „Здраво, свето!“
Упатство за синтакса на JavaScript
Ќе биде голем плус во учењето JavaScript синтакса ако веќе сте запознаени со некој програмски јазик, како што се PHP, C или Pascal, а исто така разбирате што е променлива, тип на податоци, функција или низа.
Меѓутоа, ако не сте запознаени со програмските јазици, тогаш нема потреба да се грижите ова упатство за JavaScript е наменето за оние кои почнуваат да учат програмирање за прв пат.
JavaScript (JavaScript) е програмски јазик од страна на клиентот кој може да се користи за контрола на елементи на HTML страница (HTML ознаки) и веб-прелистувач, да ги натера да се движат, да реагираат на различни настани (кликнувања на глувчето, притискање на тастатура) и да се создадат многу интересни програми (скрипти): тестови, анимација, фото галерии (на пример, како на VKontakte), игри и многу повеќе.
Како да научите JavaScriptУчењето JavaScript обично се дели на четири фази:
1. Усовршете ја синтаксата на JavaScript (ова упатство),
2. Проучување на ДОМ и БОМ,
3. Управување со DOM и BOM користејќи JavaScript,
4. Проучување на различни JavaScript библиотеки. jQuery е најпопуларната библиотека во моментот (упатство за jQuery треба да се појави на оваа страница на крајот на 2015 година).
DOM е модел на објект на документ. Благодарение на DOM технологијата, ознаките на HTML страници почнуваат да претставуваат дрво од објекти и секој објект во ова дрво има своја единствена адреса. Јазикот JavaScript, со пристап до оваа адреса, може да пристапи до една или друга HTML ознака и да манипулира со неа (промена на боја, големина, позиција итн.).
BOM е модел на документ за прелистувач. Структурата е иста како DOM, само што наместо објекти на страницата HTML, има објекти на прелистувачот: прозорец на прелистувачот, големина на екранот на прелистувачот, историја на прелистување, статусна линија итн.
По проучувањето на DOM и BOM, почнуваме да создаваме повеќе или помалку сложени JavaScript скрипти кои комуницираат со страницата и прелистувачот.
Потоа, откако станаа малку поудобни, тие учат некоја JavaScript библиотека, на пример jQuery, благодарение на која можете да ги креирате истите програми како во JavaScript, само многу побрзо и поефикасно.
Некои веб-администратори веднаш почнуваат да учат jQuery, прескокнувајќи ги претходните три фази, но јас не го препорачувам ова, бидејќи во секој случај треба да ја разберете синтаксата на JavaScript и да ги знаете објектите DOM/BOM, нивните својства, методи и цели.
Кои програми можете да ги напишете користејќи JavaScript?Можете да го користите за да креирате многу интересни програми (скрипти):
— можете да креирате скрипти кои ќе ги променат елементите на веб-страницата или нивната локација со кликнување на едно или друго копче,
- можете да креирате анимација,
— манипулирајте со формулари, на пример, проверете ги податоците внесени од корисникот за точност,
— креирајте различни тестови, на пример, како обединет државен испит (училишни испити) и веднаш добијте го резултатот,
— благодарение на BOM, можете да ги дознаете карактеристиките на прелистувачот и компјутерот на корисникот кој ја посетил вашата страница, што ви овозможува да креирате различни бројачи за посети,
— користејќи JavaScript, можете дури и да креирате игри, цртани и многу други интересни и корисни програми.
Целта на оваа JavaScript книга е да ве научи на основите на синтаксата на JavaScript, воведувајќи ве во програмирање и концепти како што се променливи, типови на податоци, операции, изјави за гранки, функции, циклуси, низи, објекти итн. Сето ова се наоѓа во други програмски јазици, па откако ќе го совладате JavaScript, ќе ви биде многу полесно да научите други јазици, како што се PHP, C++ или Python.
Структура на упатство за JavaScriptВо упатството за JavaScript ќе бидат опфатени следните теми и лекции.
