Веб Девелопер Ресоурцес Мега-компилација

Интернет је у сталном порасту и постоје стотине хиљада колективних ресурса за будуће веб програмере. Од чланака на мрежи, туторијала, алата, водича, до видео записа, можете научити скоро све преко интернета. Никада није било лакше скочити онлине!

У наставку сам саставио велику колекцију неких веома корисних ресурса за веб програмере. То укључује материјал за почетнике за ХТМЛ5 / ЦСС3 заједно са сложенијим теоријама за ЈаваСцрипт и ПХП програмирање. Могуће је да пар ентузијастичних програмера проучи ове језике и направи дивље популарне веб апликације сличне Твиттеру или Тумблр-у. Ако вас интересују корисна средства за модерне веб програмере, онда ће вам се допасти ова компилација поузданих ресурса.

Хелпфул Онлине Магазинес

Свијет блогова је експлодирао са стотинама хиљада нових писаца који су долазили на интернет. Многи од ових онлине блогова су фокусирани на дизајн и веб развој. Можете пронаћи много корисних ресурса тако што ћете само пребацити ове РСС изворе.

У зависности од типа језика који кодирате, он ће одредити ваш интерес за било који од ових блогова. Можемо се фокусирати на веб развој и претпоставити да то укључује све фронт-енд рад (ХТМЛ5 / ЦСС3 / ЈаваСцрипт), као и једноставне бацк-енд скрипте (ПХП / РоР / Питхон / СКЛ). Узео сам слободу да направим јединствену листу најпопуларнијих дев блогова који се фокусирају на предњи и бацк-енд код.

Неттутс+
24 Ваис
Вебмонкеи
Смасхинг Цодинг
Вебитецт
Прегледати елемент
Цатс Вхо Цоде
Лине25 Веб Десигн Блог

Сигурно има много других који треба размотрити. Препоручујем да притиснете Гоогле у потрази за водичима и чланцима на жељеном дев језику. Затим помоћу РСС феед агрегатора као што је Гоогле Реадер можете поставити листу свих најновијих чланака из ових часописа. Ово је сјајан начин да започнете свој радни дан, или чак да убијете мало времена док чаврљате.

јКуери Плугинс Галоре

И јКуери библиотека језгра и јКуери Мобиле су стекли велику вучу у протеклој години. Ове библиотеке отвореног кода раде на дизајнирању фронт-енд искустава пуног богате анимације и једноставних Ајак функција, иако мобилна библиотека није сасвим достигла родитеља у смислу додатака и кода треће стране.

Слично томе, још један фантастичан производ бгСтретцхер може се користити као динамички скрипт у позадини. Он ће снимити серију слика, а неке величине ће бити пропорционалне резолуцији екрана вашег корисника. Погледајте овај диван демо да видите ово у акцији. Оба ова додатка су слободна за преузимање и понашају се као једноставни примери за одличан код треће стране који је изграђен од јКуери. Рад са овим ресурсима ће вам уштедети много времена на пројектном раду, тако да не морате поново изумити точак.

Уопштено препоручујем да прегледате веб сајтове Ајак Блендер и Динамиц Дриве за ЈаваСцрипт исјечке / додатке. Библиотека није огромна, али константно расте од нових садржаја које су послали корисници. Сајтови не укључују само јКуери додатке, већ и МооТоолс и Прототипе библиотеке.

Ако завршите са радом јКуери Мобиле библиотеке, желим да препоручим још један алат јкмПхп. То је динамична ПХП класа у којој можете упутити једноставне функције на излазне линије и линије ХТМЛ5 кода преко јКуери Мобиле. Искрено, то је најлакши начин за прототип динамичких мобилних апликација изграђених око ПХП љуске. Блог на сајту има много примера референци које треба прочитати.

Изградња у ХТМЛ5 и ЦСС3

Када говоримо о фронт-енд веб развоју, углавном се ради о ефикасности. Ви немате исте проблеме при изради веб странице у ХТМЛ / ЦСС-у као што бисте кодирали Руби апликацију. Нема стварне логике или обраде грешака у ХТМЛ-у - углавном се ради о томе како брзо можете правилно обликовати дизајн распореда у свим претраживачима.

Прво морам да почнем са препоруком ХТМЛ5 Боилерплате. Ово је скраћени шаблон који садржи све “стандард” ХТМЛ5 елементи веб странице у једном пакету. Ово укључује подразумевани стил, ЈаваСцрипт, фавицон, Аппле тоуцх иконе и много других погодности. То је 100% бесплатан пројекат и можете чак и да допринесете њиховом Гитхуб репу. Ово је обавезни ресурс за све програмере пре него што почнете са било којим озбиљним веб пројектом.

Сада, ако одрадите овај предложак онда имате опцију додавања свог сопственог прилагођеног кода. Али предлажем да направите следећи корак и направите апликацију као што је Инитиализр. Ово ће генерисати типичан распоред веб страница и чак вам омогућити да прилагодите који су елементи укључени у ваш предложени пакет. Доступни су Гоогле Аналитицс код, умањени јКуери, .хтаццесс или веб.цонфиг фајлови, плус око десетак других опција..

ЦСС Десигнерс

Сада када смо мало погледали у ХТМЛ5 кодирање, требало би да размотримо и неке од популарних ЦСС3 оквира. Ово су више отворени него ХТМЛ обрасци, јер можете много више да радите са ЦСС-ом. Дизајнери ће такође схватити потешкоће у изградњи стандарда који је усклађен са стандардима за све модерне веб претраживаче.

Систем Голден Грид је фантастичан као оквир за веб дизајн. Ови изгледи ће се прилагодити мобилним екранима и преклопити према унутра док мијењате величину прозора прегледника. Она такође помаже у планирању ширине и величине сваке површине колоне. Нацрт је још један згодан ЦСС оквир који би требао провјерити. Одличан је за израду прилагођених веб страница и нуди фантастичну документацију.

Међутим, када је ријеч о ЦСС алатима, ЦСС3 ПИЕ мора бити у мојој топ 3 фаворита. То је једноставна веб апликација која даје одговарајући код за приказивање ЦСС3 ефеката подржаних у програму Интернет Екплорер 6-9. Можете да креирате динамичке линеарне градијенте, заобљене углове и сенке кутија са прилагодљивим подешавањима. Сајт има ИЕ примере ако их желите проверити.

Програмери ће такође покушати смањити величину својих датотека за производњу. Цлеан ЦСС је један од ресурса у којем можете изабрати бројне опције како бисте поједноставили код и смањили величину датотеке. Друга алтернатива Цоде Беаутифиер не нуди толико опција, али може бити лакша за употребу.

Прилагођавање тема помоћу програма ВордПресс

ВордПресс објављивање је лако најпопуларнији ЦМС у овој ери. Видели смо милионе нових блогова и веб сајтова које покреће ово фантастично решење за управљање садржајем. И као такви ВордПресс програмери су у великој потражњи за изградњу прилагођених видгета и веб страница.

Ново издање Тхе Цонстеллатион Тхеме даје ВордПресс програмерима лакшу почетну тачку од подразумеваних шаблона. Нова тема Твенти Елевен је веома лукава и минималистичка, али не може да се такмичи са целим тематским шаблоном изграђеним на ХТМЛ5Боилерплате. Тема Цонстеллатион ВП чак укључује и медијске упите за различите резолуције уређаја као што су иПхоне и иПад таблете.

Вондерфлук је још један тематски предложак за ВордПресс који није толико далеко у развоју. Недавно је изашао из бета верзије у в1.0 заједно са неком онлине документацијом. Ова тема је мало компликованија од Констелације која вам даје већу контролу над изгледом. Програмери су укључили прилагођене ПХП куке, функције и филтере да би ваш ВордПресс сајт био динамичнији.

Озбиљни ВП програмери би требали провјерити оба рјешења како би видјели да ли би иједан од њих помогао у будућем раду на пројекту.

Проналажење бесплатних Веб Девелопера

У поређењу са ПСД-овима и графикама, заједница за развој веб страница изгледа мало недостаје у фреебие галеријама. У Гитхубу увек можете пронаћи сјајне скрипте, али ћете често морати сами да их претражите и тестирате.

Тешко је пронаћи веб локације које нуде бесплатне преузимања и демо снимке, као и примјере скрипти. Мој омиљени нови ресурс је ЦодеВисуалли који каталогизира корисничке алате за развој, додатке, библиотеке и друге уредне ствари. Распоред је постављен као галерија у којој свака страница садржи линк на производ, демо снимак екрана и неке додатне детаље.

Галерија садржи стотине примјера ХТМЛ / ХТМЛ5 шаблонског кода, ЦСС3 библиотеке, а свакако и много јКуери ствари. Такође сам открио да је ово одлична веб страница за слање властитог отвореног изворног кода јавности. Ваше име је везано за поднесак, плус можете поставити линкове на своју веб локацију на којој корисници могу приступити коду.

АПИ-ји за Веб апликације

Веома популаран тренд у савременом веб развоју је изградња АПИ-ја као апликације треће стране. Већина маинстреам брендова друштвених мрежа укључује радни АПИ и сегмент документације директно на њиховом веб сајту. Осим тога, на Гитхуб-у постоје тоне слободних класа омотача, написаних на свим главним позадинским програмским језицима.

Програмери би требало да се осећају пријатно радећи са овим типовима библиотека кодова, као што су у порасту потражње. Користећи ОАутх систем можете брзо изградити корисничку базу из многих од ових апликација. Доносим само неколико референци на популарне онлине АПИ-је и њихову пуну документацију.

Твиттер АПИ
ЦлоудАпп АПИ
Инстагр.ам АПИ
еБаи АПИ
Фоурскуаре АПИ
Дрибббле АПИ
Гитхуб АПИ

Искористите ове ресурсе на новим пројектима кад год је то могуће. Веб постаје све више повезан, а корисници се увијек сналазе у сљедећој великој апликацији. Можете да регрутујете хиљаде више посвећених чланова у своју апликацију када ваши посетиоци не морају да региструју цео нови налог и уместо тога се могу пријавити директно преко Твиттер-а или Фацебоок-а.

Ресурси за питања и одговоре

Најкорисније искуство између програмера поставља питања и учи нове технике. Заједница програмера је увек тако корисна за новопридошлице и спремна је да понуди своју стручност у многим ситуацијама. Ако имате било каквих проблема или специфичних питања у вези пројекта, претражите преко Гоогле-а за форум везан за развојног програмера.

Ја лично морам да вам препоручим да се придружите Стацк Екцханге заједници ако већ нисте члан. Ово укључује невероватне сајтове као што су Стацк Оверфлов и Супер Усер где можете добити помоћ за програмирање у суштини било чега. Чланови заједнице су упознати са свим главним језицима, укључујући јКуери и мање ПХП класе.

Добар трик који сам научио је да претражим Гоогле и видим да ли је ваш проблем већ ријешен. Унесите неколико кључних ријечи у Гоогле претраживање и додајте суфикс сите: стацковерфлов.цом. Сви враћени резултати претраге ће бити питања из архива Стацк Оверфлов - ако имате среће, можете пронаћи тачно решење за тренутни проблем.

Тестирање брзине странице на мрежи

Овај нови алат који је развио Гоогле Девелоперс је заиста заиста импресиван. Апликација Паге Спеед Онлине анализираће садржај ваше веб-локације и генерисати аналитички извјештај о вашим брзинама. Ово укључује могућа решења за смањење времена учитавања и дуже задржавање посетилаца на сајту.

Такође вам може помоћи да одредите проблеме са стопама напуштања и нижим конверзијама. Гоогле Аналитицс је обавезан за било коју веб локацију, али сматрам да Паге Спеед само постиже виши ниво анализе.

Излаз извештаја је рангиран од приоритета високог до ниског и често укључује много различитих ставки. Ако разумете ЛАМП поставке и радите на Апацхе серверима, онда можете узети у обзир мод_пагеспеед модул. Он аутоматски извршава многе од ових оптимизација на вашем веб сајту да би смањио време учитавања и кеширао важне Веб податке (слике, иконе, скрипте).

Најбољи софтвер за програмере

Између два најпопуларнија оперативна система, можете пронаћи десетине програма. Од графичког софтвера до едитора изворног кода и ИДЕ-а, постоје многи ресурси за које веб програмери могу бирати. Али ако тражите популарне сугестије препоручујем следеће наслове.

Мац ОС Кс

Паниц је софтверска компанија која је креирала Цода - далеко најбољу апликацију за развој веба за Мац. Имате приступ уређивачу изворног кода, терминалу и ФТП клијенту где можете извршити измене директно на датотекама сервера. Цода додатно подржава дугу листу истицања синтаксе за језике као што су ХТМЛ, КСМЛ, ЦСС, ЈаваСцрипт, ПХП, СКЛ и још много тога..

Ако ипак требате бесплатно рјешење, провјерите Комодо Едит. Софтвер је развијен за Виндовс и Мац, опен соурце и потпуно бесплатан за преузимање. Укључује исту подршку за истицање синтаксе и много сличних карактеристика као што је Цода (нажалост нема ФТП-а). ТектВранглер је још једно бесплатно рјешење које можете пробати, такођер само једноставан текст едитор.

За бесплатну ФТП апликацију погледајте Цибердуцк на Мац Апп Сторе-у. Иако лично преферирам плаћену алтернативу као што је Иумми ФТП или Трансмит.

Мицрософт Виндовс

Софтверски пакет компаније Адобе увек вам пада на памет када размишљате о веб дизајну и развоју. Корисници Виндовса имају много алтернатива за Дреамвеавер, а многи од њих су потпуно бесплатни.

Нотепад ++ је одличан пример неких отворених кодова Вин32 софтвера. Пројекат је још увијек у активном развоју и често издаје ажурирања (готово мјесечно). Волим њихов интерфејс са картицама и подршку за толико додатних додатака. Као што сам већ поменуо, Комодо Едит је такође понуђен за Виндовс КСП / Виста / 7, тако да можете да покушате као алтернативу.

Веб програмери на Виндовс-у нису без ФТП клијента. Филезилла је вероватно најпопуларнија бесплатна алтернатива. За алтернативе, погледајте нашу бесплатну листу ФТП клијената заједно са сличним алатима.

Други корисни Дев Ресоурцес

100 Основни Веб развојни алати
Бест Оф 2011: Бест Усефул јКуери Плугинс анд Туториалс
Руби он Раилс Туториали за почетнике у Веб развоју
7 Узбудљиви трендови у Веб развоју за 2011. годину

Закључак

До сада је прва четвртина 2012. почела са праском! Већ смо видели неке невероватне садржаје који долазе из дизајнера и веб програмера из целог света. Професионалци који граде за веб имају на располагању толико алата у поређењу са 1-2 године.

Надам се да ће ова огромна компилација алата и ресурса подстаћи вашу методологију за бољи развој. Волим да радим са веб програмерима и стално учим о новим пројектима. Ипак, постоји само толико простора за нове ресурсе које можемо укључити, тако да сам сигурно пропустила неколико драгуља. Ако имате идеје или сугестије за сродне ресурсе за развојне програмере на Вебу, јавите нам у области за дискусију.