当前位置: 移动技术网 > IT编程>网页制作>CSS > 2019简易Web开发指南-半路出家老菜鸟

2019简易Web开发指南-半路出家老菜鸟

2019年01月12日  | 移动技术网IT编程  | 我要评论

2019年即将到来,各位同学2018年辛苦了。 不管大家2018年过的怎么样,2019年还是要继续加油的! 在此我整理了个人认为在2019仍是或者将成为主流的技术与大家分享,包括前端、后端和全栈相关。

工具、软件

欲先攻其事必先利其器,用好工具是做好开发的基础。

编辑器/ide: vscode,sublime text,atom :chrome,firefox 设计/原型:adobe xd,photoshop,sketch,figma 命令行工具:git bash,wsl,iterm2,hyper 版本管理:git

前端

前端我觉得是每个做web开发的同学都应该掌握的,就算是做后端开发的,基本的前端知识也是必不可少的。

html & css

html5 css3 flexbox (简易教程),css grid (简易教程) css variables (custom properties)

响应式布局(responsive layout)

设置viewport media query rem-based layout mobile first design

sass

structured css variables nested css mixins & functions inheritance

javascript

data types, functions, conditionals, loops, operators dom操作,events json fetch api es6+ (arrow function, promise, async / await, destructuring...)

html / css 框架

html/css将被逐渐弱化,但是掌握一两个流行框架还是有必要的。

bootstrap materialize bulma

js框架

react:目前最流行 vue:简单易用,越来越多人用 angular:曾经很流行,现在有点衰退

状态管理(state management)

redux vuex ngrx apollo (graphql client)

后端渲染(server side rendering)

next.js (react) nuxt.js (vue) angular universal (angular)

开发工具

依赖管理:npm,yarn 应用打包:webpack,parcel 任务管理:gulp,grunt 编辑器扩展:eslint,live server,prettier

移动端

有了前端的知识后,我们还可以开发手机app。

react native:使用react开发原生应用 nativescript:使用angular/typescript/javascript开发原生应用 ionic:使用html/css/js开发混合应用 flutter:使用dart语言开发原生应用 xamarin:使用c#开发原生应用

桌面端

甚至桌面app!

electron:使用chromium和node.js,兼容windows,mac,linux

后端

语言

前端同学如果想成为全栈,学一门后端语言是必不可少。

node.js:就算不做全栈,nodejs也将成为前端的必备技能 python:如果除了web开发想往人工智能、机器学习、数据分析方向扩展的同学,python更合适 c#:个人很喜欢的语言,非常优雅和高效 go:越来越流行的语言,有很强大的标准库,减轻对第三方的依赖 php:虽然很多人觉得shitty,但是不得不承认太多网站都是php写的,wordpress实在太流行了

后端框架

node.js:express,koa,adonis python:django,flask c#:asp.net php:laravel,symfony

关系型:mysql,postgresql,ms sql nosql:mongodb,couchbase 云存储:firebase,aws,azure cosmos db 轻量级:sqlite,nedb,redis

cms(content management system)

如果不想自己开发网站的时候,用个现成的cms也是不错的。

php:wordpress,drupal js:ghost,keystone python:mezzazine .net:piranha,orchard cms

运维基础

基本的运维知识也是需要的,不然自己写个网站搞不上线多着急。

注册域名:namecheap,google domains ftp,sftp文件上传:filezilla,cyberduck 部署:linux,ssh,git,web服务器(nginx,apache) 虚拟化:docker,vagrant 静态托管服务:netlify,github pages 托管共享主机 & vps:inmotion,hostgator, bluehost 云平台:digital ocean,aws,heroku,azure

其他

graphql & apollo

graphql简而言之是一种api 查询语言(ql = query language),提供了一种革命性的api实现方式。graphql是一种规范(specification)而不是实现(implementation)。而apollo是graphql最火的实现。更多请参考:awesome graphql。

typescript

typescript诞生已经有好几年了,近两年变得很火,很多框架和工具都是typescript写的,比如vscode,angular,ant-design,更多请参考 github。对于想开发框架或者库的同学typescript很值得学,但是优先精通es6+babel的开发方式。

pwa (progressive web apps)

用户体验是个永恒的话题,大家都想使用体验如原生应用的网站,所以pwa是个必然的趋势。更多请参考 github awesome pwa

webassembly

或许webassembly可能不会取代javascript,但是当所有人都开始谈论它的时候,为了好奇心也要学一下。。

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网