logo

Vývoj webu

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

Čá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

Plán rozvoje frontendu

java rovná se

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Ě
JavaScript

    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

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

PHP

    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
Jáva

    Rámec: Spring, Hibernate

C#

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