Vývoj webu se týká vytváření, budování a údržby webových stránek. Zahrnuje aspekty, jako je návrh webu, publikování na webu, programování webu a správa databází. Jde o vytvoření aplikace, která funguje přes internet, tedy webové stránky.

Vývoj webu

Slovo Web Development se skládá ze dvou slov, tedy:

Web: Odkazuje na webové stránky, webové stránky nebo cokoli, co funguje přes internet. Vývoj: Týká se vytváření aplikace od začátku.

Vývoj webu lze rozdělit na dva způsoby:

• Vývoj frontendu
• Vývoj backendu

Vývoj frontendu

Část webu, kde uživatel přímo komunikuje, se nazývá frontend. Označuje se také jako „strana klienta“ aplikace.

Frontend Roadmap

Plán rozvoje frontendu

Populární technologie frontendu

HTML: HTML je zkratka pro HyperText Markup Language. Používá se k návrhu přední části webových stránek pomocí značkovacího jazyka. Funguje jako kostra webu, protože se používá k vytvoření struktury webu. CSS: Kaskádové styly, často označované jako CSS, jsou jednoduše navrženým jazykem, který má zjednodušit proces vytváření prezentovatelných webových stránek. Používá se ke stylizaci našich webových stránek. JavaScript: JavaScript je skriptovací jazyk používaný k zajištění dynamického chování naší webové stránky. Bootstrap: Bootstrap je bezplatná a open source kolekce nástrojů pro vytváření responzivních webů a webových aplikací. Jedná se o nejoblíbenější rámec CSS pro vývoj responzivních webových stránek zaměřených na mobilní zařízení. V dnešní době jsou webové stránky ideální pro všechny prohlížeče (IE, Firefox a Chrome) a pro všechny velikosti obrazovek (stolní počítače, tablety, phablety a telefony).
• Bootstrap 4
• Bootstrap 5

Frontendové knihovny a rámce

HTML

CSS

CSS rámce
• Bootstrap
• Tailwind CSS
• Bulma
• Nadace
• Primer CSS
• Spectre CSS
• Materializujte CSS
• Uživatelské rozhraní Onsen
• Sémantické uživatelské rozhraní
• Blaze UI
• Čistý CSS
CSS preprocesory
• SASS
• MÉNĚ

Technologie JavaScript
• ES6
• TypeScript
JavaScriptové rámce
• AngularJS
  • Angular ngx Bootstrap
  • Angular PrimeNG
• VueJS
  • NuxtJS
• script.aculo.us
• Ember.js
• Handlebar.js
• Backbone.js
Knihovny JavaScriptu
• jQuery
  • uživatelské rozhraní jQuery
  • jQuery Mobile
  • jQWidgets
  • jQuery EasyUI
• ReactJS
  • NextJS
  • Ant Design
  • React Desktop
  • Reagovat Rebass
  • Reagovat Bootstrap
  • React Reactstrap
  • BlueprintJS
  • Reagovat Suite
  • React.js Evergreen
  • React Material UI
• P5.js
• Fabric.js
• D3.js
• Collect.js
• Podtržítko.js
• Lodash
• TensorFlow.js

Vývoj backendu

Backend je serverová strana webu. Je to část webu, kterou uživatelé nevidí a nemohou s ní pracovat. Je to část softwaru, která nepřichází do přímého kontaktu s uživateli. Slouží k ukládání a uspořádání dat.

Backend Roadmap

Backend Development Roadmap

Populární backendové technologie

PHP: PHP je skriptovací jazyk na straně serveru navržený speciálně pro vývoj webových aplikací. Jáva: Java je jedním z nejpopulárnějších a nejrozšířenějších programovacích jazyků. Je vysoce škálovatelný. Krajta: Python je programovací jazyk, který vám umožní pracovat rychle a efektivněji integrovat systémy. Node.js: Node.js je open source a multiplatformní runtime prostředí pro spouštění kódu JavaScript mimo prohlížeč.

Back End Frameworks a technologie

Rámec: Laravel CMS: WordPress

NodeJS

Rámec: Express

Krajta

Rámec: Django , Správce balíčků Flask: Python PIP

Rubín

Rámec: Ruby on Rails

Rámec: Spring, Hibernate

C#

Rámec: .SÍŤ

Databáze:

Relační databáze
• Postgre SQL
• MariaDB
• MySQL
Databáze NoSql
• MongoDB

Návody na vývoj webu

• HTML
• CSS
• JavaScript
• jQuery
• Bootstrap
• Reagovat JS
• AngularJS
• PHP
• Node.js
• Django
• Baňka

Některé důležité odkazy na vývoj webu

• Začněte s vývojem webu s náskokem
• Proč potřebujete responzivní web
• Top 10 rámců pro webové aplikace
• Web 1.0, Web 2.0 a Web 3.0 s jejich rozdílem
• 10 faktů o vývoji webu a designu webu, které byste měli vědět
• Jak se mohu začít učit Vývoj webu?
• Budoucnost Web Development
• Nejlepší knihy pro vývoj front-endového webu
• Nejlepší knihy, které se naučíte vývoj webu back-end
• 10 věcí, které byste měli vědět jako webový vývojář
• Jak si vybrat technologický zásobník pro vývoj webových aplikací?
• 10 nejlepších nástrojů, které musí každý webový vývojář jednou vyzkoušet