[转帖]2019 简易Web开发指南

2019 简易Web开发指南

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

工具、软件

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

前端

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

HTML & CSS

响应式布局（Responsive Layout）

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将被逐渐弱化，但是掌握一两个流行框架还是有必要的。

JS框架

  • React：目前最流行
  • Vue：简单易用，越来越多人用
  • Angular：曾经很流行，现在有点衰退

状态管理（state management）

后端渲染（server side rendering）

开发工具

移动端

有了前端的知识后，我们还可以开发手机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实在太流行了

后端框架

数据库

CMS（Content Management System）

如果不想自己开发网站的时候，用个现成的CMS系统也是不错的。

运维基础

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

其他

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，但是当所有人都开始谈论它的时候，为了好奇心也要学一下。。

原文地址：https://www.cnblogs.com/jinanxiaolaohu/p/10184872.html

时间： 2024-08-25 01:42:57

[转帖]2019 简易Web开发指南的相关文章

[转帖]cocos2d-x 3.0rc开发指南：Windows下Android环境搭建

原文请看:http://blog.csdn.net/linzhengqun/article/details/21663341 鲜红字体请注意:文中红色字体乃是本文博主阳光下的蒲公英添加.红色字体部分造成的问题,本博主一概不负任何责任.其他字体的责任由原文作者负责.(本文博主是不是特别无节操了呢....O(∩_∩)O哈哈哈~) 安装工具 1. 配置JDK JDK下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.ht

七日Python之路--第十二天（Django Web 开发指南）

<Django Web 开发指南>.貌似使用Django1.0版本,基本内容差不多,细读无妨.地址:http://www.jb51.net/books/76079.html (一)第一部分 入门 (1)内置数字工厂函数 int(12.34)会创建一个新的值为12的整数对象,而float(12)则会返回12.0. (2)其他序列操作符 连接(+),复制(*),以及检查是否是成员(in, not in) '**'.join('**')   或  '***%s***%d' % (str, int)

Django web 开发指南 no such table:

在学习django web开发指南时,发布新博客点击save后会有error提示:no such table balabalabala... 百度了一下说重新运行manage.py syncdb 就可以,我试了还是报错,然后仔细看了下提示信息,发现是版本问题,并且他也给出了解决方法: 运行'manage.py makemigrations', 这样可以'make new migrations' 然后运行'manage.py migrate', 这样可以'apply them', 问题解决~

django1.8.3搭建博客——2 django web 开发指南阅读笔记

一.    django框架 1 .http封装web服务的整个过程.由请求(request)和响应(response)两部分组成. 请求的内容为URL (指向文档的路径). 响应主要为正文(body)和相应的包头(header) 2 .数据存储     数据库  定义和查询数据库的语言SQL (结构化查询语言)  映射为面向对象语言里的代码对象ORM(对象关系映射) 3.表示:模板渲染成HTML 和其他格式       方法:css(层叠样式表) javaScript(浏览器端功能) 4.小结

《HTML5移动Web开发指南》学习笔记(一)

第一章 移动互联网时代的Web技术 HTML5+CSS3+JavaScript的移动应用将会是未来的趋势. HTML5优势: 1.Canvas绘图: 2.多媒体: 3.本地存储: 4.离线应用: 5.使用地理位置: 6.有移动Web应用框架. 第二章 移动设备HTML5页面布局 HTML5新语义元素: 1.header头部信息 2.footer文末信息 3.nav导航链接 4.aside页面区域(广告,侧边栏) 5.article 文章内容 6.section 文档章节 7.hgroup主副标题

Django Web开发指南

2015-7-14 20:43:44 P14:'raw'指示符告诉解释器不要转换字符串中的任何特殊字符...例如: filename = r'C:\temp\newfolder\robots.txt'.为了保持一致性,不管一个正则表达式是否用到了反斜杠,通常一律都使用raw字符串. P18:dict.get('key'[,'不存在这个key'])方法比直接使用dict['key']更安全,因为get方法总会返回一个值(默认值为None).也可以使用setdefault('key','value'

《HTML5移动web开发指南》

一.Storage事件的接口代码如下所示:  interface StorageEvent:Event{     readonly attribute DOMString key;     readonly attribute DOMString? oldValue;     readonly attribute DOMString? newValue;     readonly attribute DOMString url;     readonly attribute Storage? s

快速使用node.js进行web开发

首先关于node.js的学习,这里推荐一本比较好的教程,nodejs web开发指南,该书通俗易懂地将node.js语言特性讲解完之后,又从一个项目角度带领读者使用node.js学习web开发.相信这是一个比较好的学习模式和过程.由于这本书是2012年出的,书中的一个web教学项目是开发一个微博.从2012到现在,node.js及其生态环境发生了很大改变,所以关于该书的学习如果照着书本显然是过于陈旧的.到目前为止,node.js的web开发框架已经升级到了Express4.12.1,对于Mong

2019 Vue开发指南：你都需要学点啥？

转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者.原文出处:https://dzone.com/articles/vue-development-in-2019-what-you-need-to-know 如果您是Vue开发的新手,您可能已经听过很多关于它的专业术语了,例如:单页面应用程序.异步组件.服务器端呈现等. 另外您可能还经常听到和Vue一起提到的工具和库,如Vuex.Webpack.Vue CLI和Nuxt. 也许您在面对这些未知的术语和工具时会