verkkokehitys viittaa verkkosivustojen luomiseen, rakentamiseen ja ylläpitoon. Se sisältää esimerkiksi web-suunnittelun, verkkojulkaisun, web-ohjelmoinnin ja tietokannan hallinnan. Se on sovelluksen luominen, joka toimii Internetin eli verkkosivustojen kautta.

Verkkokehitys

matka mutta

Sana Web Development koostuu kahdesta sanasta, jotka ovat:

Web: Se viittaa verkkosivustoihin, verkkosivuihin tai muuhun, joka toimii Internetissä. Kehitys: Se viittaa sovelluksen rakentamiseen tyhjästä.

Web-kehitys voidaan luokitella kahteen tapaan:

• Frontend-kehitys
• Taustaohjelman kehitys

Frontend-kehitys

Sivuston osaa, jossa käyttäjä on vuorovaikutuksessa suoraan, kutsutaan käyttöliittymäksi. Sitä kutsutaan myös sovelluksen 'asiakaspuolelle'.

Frontend Roadmap

Frontend Development Roadmap

Suositut käyttöliittymätekniikat

HTML: HTML tulee sanoista HyperText Markup Language. Sitä käytetään web-sivujen käyttöliittymän suunnitteluun merkintäkielellä. Se toimii verkkosivuston luurankoina, koska sitä käytetään verkkosivuston rakenteen luomiseen. CSS: Cascading Style Sheets, jota kutsutaan lempeästi CSS:ksi, on yksinkertaisesti suunniteltu kieli, jonka tarkoituksena on yksinkertaistaa prosessia, joka tekee verkkosivuista esittelykelpoisia. Sitä käytetään verkkosivustomme tyyliin. JavaScript: JavaScript on skriptikieli, jota käytetään dynaamisen toiminnan tarjoamiseen verkkosivustollemme. Bootstrap: Bootstrap on ilmainen ja avoimen lähdekoodin työkalukokoelma responsiivisten verkkosivustojen ja verkkosovellusten luomiseen. Se on suosituin CSS-kehys responsiivisten, mobiililähtöisten verkkosivustojen kehittämiseen. Nykyään sivustot sopivat täydellisesti kaikille selaimille (IE, Firefox ja Chrome) ja kaikenkokoisille näytöille (pöytätietokoneet, tabletit, phabletit ja puhelimet).
• Bootstrap 4
• Bootstrap 5

Käyttöliittymäkirjastot ja -kehykset

HTML

CSS

CSS-kehykset
• Bootstrap
• Tailwind CSS
• Bulma
• säätiö
• Primer CSS
• Spectre CSS
• Toteuta CSS
• Onsen UI
• Semanttinen käyttöliittymä
• Blaze UI
• Puhdas CSS
CSS-esiprosessorit
• SASS
• VÄHEMMÄN

JavaScript-tekniikka
• ES6
• TypeScript
JavaScript-kehykset
• AngularJS
  • Kulmikas ngx Bootstrap
  • Angular PrimeNG
• VueJS
  • NuxtJS
• script.aculo.us
• Ember.js
• Handlebar.js
• Backbone.js
JavaScript-kirjastot
• jQuery
  • jQuery-käyttöliittymä
  • jQuery Mobile
  • jQWidgetit
  • jQuery EasyUI
• ReactJS
  • SeuraavaJS
  • Ant Design
  • React Desktop
  • Rebass
  • React Bootstrap
  • React Reactstrap
  • BlueprintJS
  • React Suite
  • React.js Evergreen
  • React Material UI
• P5.js
• Fabric.js
• D3.js
• Collect.js
• Underscore.js
• Lodash
• TensorFlow.js

Taustaohjelman kehitys

Backend on verkkosivuston palvelinpuoli. Se on osa verkkosivustoa, jota käyttäjät eivät voi nähdä ja olla vuorovaikutuksessa. Se on ohjelmiston osa, joka ei ole suorassa yhteydessä käyttäjien kanssa. Sitä käytetään tietojen tallentamiseen ja järjestämiseen.

Backend Roadmap

Backend Development Roadmap

Suositut taustatekniikat

PHP: PHP on palvelinpuolen komentosarjakieli, joka on suunniteltu erityisesti web-kehitykseen. Java: Java on yksi suosituimmista ja laajimmin käytetyistä ohjelmointikielistä. Se on erittäin skaalautuva. Python: Python on ohjelmointikieli, jonka avulla voit työskennellä nopeasti ja integroida järjestelmiä tehokkaammin. Node.js: Node.js on avoimen lähdekoodin ja eri alustojen ajonaikainen ympäristö JavaScript-koodin suorittamiseen selaimen ulkopuolella.

Back End -kehykset ja -tekniikka

Kehys: Laravel CMS: WordPress

NodeJS

Kehys: Express

Python

prioriteettijono java

Kehys: Django , Flask Package Manager: Python PIP

Rubiini

Kehys: Ruby on Rails

Kehys: Spring, Hibernate

C#

Kehys: .NETTO

Tietokanta:

Suhdetietokanta
• Postgre SQL
• MariaDB
• MySQL
NoSql-tietokanta
• MongoDB

Web-kehityksen opetusohjelmat

• HTML
• CSS
• JavaScript
• jQuery
• Bootstrap
• Reagoi JS
• AngularJS
• PHP
• Node.js
• Django
• Pullo

Tärkeitä linkkejä web-kehitykseen

• Aloita Web-kehitys etumatkalla
• Miksi tarvitset responsiivisen verkkosivuston
• 10 suosituinta verkkosovelluskehystä
• Web 1.0, Web 2.0 ja Web 3.0 niiden eroilla
• 10 faktaa verkkokehityksestä ja web-suunnittelusta, jotka sinun tulee tietää
• Kuinka voin aloittaa verkkokehityksen oppimisen?
• Web-kehityksen tulevaisuus
• Parhaat kirjat käyttöliittymän verkkokehityksen oppimiseen
• Parhaat kirjat oppimiseen Web-taustakehitys
• 10 asiaa, jotka sinun tulee tietää verkkokehittäjänä
• Kuinka valita teknologiapino verkkosovelluskehitykseen?
• 10 parasta työkalua, joita jokaisen verkkokehittäjän on kokeiltava kerran