Веб-сайтты дамыту - Front-end web development

Бағдарламалық жасақтама жасау
Негізгі қызмет
Парадигмалар мен модельдер
Әдістемелер және шеңберлер
Қолдау пәндері
Тәжірибелер
Құралдар
Стандарттар және білім органдары
Глоссарийлер
Контурлар

Веб-сайтты дамыту деректерді а-ға түрлендіру тәжірибесі болып табылады графикалық интерфейс, HTML, CSS және JavaScript қолдану арқылы, пайдаланушылар сол деректерді қарап, олармен әрекеттесе алады.

Алдыңғы мақсатта өңдеу үшін қолданылатын құралдар

Сияқты бірнеше құралдар мен платформалар бар WordPress, Джумла, және Drupal, қол жетімді, бұл веб-сайттың алдыңғы жағын дамыту үшін қолданылуы мүмкін және қандай құралдар нақты тапсырмаларға сәйкес келетінін түсіну бұзылған сайт пен жақсы жасалған, масштабталатын сайттың арасындағы айырмашылықты көрсетеді.[1]

Гипермәтінді белгілеу тілі

Гипермәтінді белгілеу тілі (HTML) - кез-келген веб-сайтты құру процесінің негізі, онсыз веб-бет жоқ. Гипермәтін дегеніміз - мәтінге сілтемелер бар, оған сілтемелер бар, олар оған енгізілген. Гиперсілтеме бар сөзді немесе сөз тіркесін пайдаланушы басқан кезде, ол басқа веб-парақ әкеледі. Белгілеу тілі мәтінді суреттерге, кестелерге, сілтемелерге және басқа көріністерге айналдыруға болатындығын көрсетеді. Бұл HTML-код, бұл сайттың қалай көрінетініне жалпы негіз береді. HTML әзірледі Тим Бернерс-Ли. HTML-дің соңғы нұсқасы деп аталады HTML5 және W3 ұсынысымен 2014 жылдың 28 қазанында жарияланған. Бұл нұсқа бейне және аудио файлдар сияқты элементтермен жұмыс істеудің жаңа және тиімді әдістерін қамтиды.

Каскадтық стильдер кестесі (CSS)

Каскадтық стиль парақтары (CSS) сайттың презентация аспектісін басқарады және сіздің сайтыңыздың өзіндік ерекше көрінісіне ие болуға мүмкіндік береді. Мұны басқа стиль ережелерінің үстінде тұрған және құрылғы экранының өлшемі мен ажыратымдылығы сияқты басқа кірістерге негізделген стильдер кестесін сақтау арқылы жүзеге асырады.

JavaScript

JavaScript оқиғаларға негізделген императивті бағдарламалау тіл (HTML тілдерінен айырмашылығы) декларативті тіл тұрақты HTML парағын динамикалық интерфейске айналдыру үшін қолданылатын модель). JavaScript коды Құжат нысанының моделі (DOM) HTML стандартында берілген, қолданушы енгізуі сияқты оқиғаларға жауап ретінде веб-парақты басқаруға арналған.

Деп аталатын техниканы пайдалану AJAX, JavaScript коды Интернеттен мазмұнды белсенді түрде ала алады (түпнұсқа HTML парағын іздеуден тәуелсіз), сонымен қатар сервердегі оқиғаларға реакция жасай алады және веб-беттің тәжірибесіне шынымен динамикалық сипат береді.

Веб-жинақтау

Веб-жинақтау, барлық ірі браузерлерде (яғни Google, Apple, Mozilla және Microsoft ірі жеткізушілерінің қолдауымен) веб-браузерлерде кодты іске қосуға арналған JavaScript-ке жалғыз балама болып табылады (мысалы, плагиндердің көмегінсіз) Жарқыл, Java немесе Күміс жарық; бәрі тоқтатылады, өйткені браузерлер қосылатын модульді қолдайды). Қабылданғанға дейін болған asm.js (JavaScript ішкі жиыны; және осылайша барлық браузерлерде қатаң түрде жұмыс істейді), ол сонымен қатар браузерлерде тиімді қолдауымен компилятор ретінде пайдаланылады. Internet Explorer 11; және WebAssembly-ді тікелей қолдамайтын осындай браузерлер үшін оны asm.js-ге жинауға болады және сол браузерлер осылай қолдайды. Әдетте сөйлейтін бағдарламашылар WebAssembly (немесе asm.js) бағдарламаларында тікелей бағдарламаланбайды, бірақ Rust, C немесе C ++ сияқты тілдерді қолданады немесе теорияда оны құрастыратын кез-келген тілді қолданады.

GitHub

GitHub, Github - бұл веб-әзірлеушінің оң қолы. Әсіресе, жаңа жоба әзірлеушіге жүктелгенде, олар білім мен тәжірибенің жетіспеуіне жол ашады. Бұл жағдайда оларға тек гитуб көмектеседі. Github-ті түсіну үшін алдымен git дегеннің не екенін біліңіз? Github - бұл opensource нұсқасын басқару жүйесі. Қарапайым тілмен айтқанда - Git revolve - бұл әзірлеушілер өз жобалары мен желісін сақтайтын хаб - GitHub.com.

Даму мақсаттары

Алдыңғы жағын жасаушы осы мақсатқа жету үшін қолда бар құралдар мен тәсілдерді қолдана отырып, осы жайттарды есте сақтайды.[1]

Қол жетімділік

Смартфондар мен планшеттер сияқты мобильді құрылғылардың дамуын жалғастыра отырып, дизайнерлер өз сайттарының барлық құрылғылардағы браузерлерде дұрыс шығуын қамтамасыз етуі керек. Мұны a құру арқылы жасауға болады жауап беретін веб-дизайн CSS-те стильдер кестесін қолдану.

Өнімділік

Өнімділік мақсаттары көбінесе уақытты көрсетумен байланысты, HTML, CSS және JavaScript-ті басқарып, сайттың тез ашылуын қамтамасыз етеді.


Жылдамдықты дамыту

Бұл технология жылдам дамуға мүмкіндік береді және уақытты үнемдейді.

Әдебиеттер тізімі

  1. ^ а б Кодесидо, Иван (28 қыркүйек 2009). «Фронтальды даму дегеніміз не?». Theguardian.com. Алынған 17 қаңтар 2019.