余晖落尽暮晚霞,黄昏迟暮远山寻
本站
当前位置:网站首页 > 编程知识 > 正文

2019 简易Web开发指南(学习大纲)

xiyangw 2022-11-25 11:14 84 浏览 0 评论

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

学习从来不是一个人的事情,要有个相互监督的伙伴,想要学习或交流前端问题的小伙伴可以私信“学习”小明获取web前端入门资料,一起学习,一起成长!

相关推荐

“三次握手,四次挥手”你真的懂吗?

记得刚毕业找工作面试的时候,经常会被问到:你知道“3次握手,4次挥手”吗?这时候我会“胸有成竹”地“背诵”前期准备好的“答案”,第一次怎么怎么,第二次……答完就没有下文了,面试官貌似也没有深入下去的意...

面试官问:三次握手与四次挥手是怎么完成的?

作者|饶全成来源|码农桃花源记得刚毕业找工作面试的时候,经常会被问到:你知道“3次握手,4次挥手”吗?这时候我会“胸有成竹”地“背诵”前期准备好的“答案”,第一次怎么怎么,第二次……答完就没有...

三次握手和四次挥手的高阶面试题,建议收藏

昨天村长的讲解,真是一语点醒,这样的解释胜过死记硬背。但对于学习者,如果不能有直观感受,可能还是觉得不接地气,今天介绍两个工具,一个是网络抓包工具Wireshark,一个是linux命令tcpdum...

三次握手和四次挥手到底是个什么鬼东西

之前总有是有面试官喜欢问,你知道什么是三次握手么?什么是四次挥手么?为什么握手需要三次,挥手需要四次呢?今天我们就来详细的聊一下这个。1.什么是TCPTCP协议,简单称呼一下的话,那就是传输控制协议,...

加深理解TCP的三次握手与四次挥手

在了解三次握手和四次挥手之前,先要知道TCP报文内部包含了那些东西。熟悉了解TCP报文对日后学习网络和排除方面有很大的帮助,所以,今天为了加深对三次握手的理解,从新去认识TCP报文格式。TCP报文格式...

三次握手 与 四次挥手_三次握手四次挥手大白话

三次握手:①首先Client端发送连接请求报文②Server段接受连接后回复ACK报文,并为这次连接分配资源。③Client端接收到ACK报文后也向Server段发生ACK报文...

动画讲解TCP的3次握手,4次挥手,让你一次看明白

专注于Java领域优质技术,欢迎关注作者:老钱占小狼博客TCP三次握手和四次挥手的问题在面试中是最为常见的考点之一。很多读者都知道三次和四次,但是如果问深入一点,他们往往都无法作出准确回答。本篇尝试...

linux下实现免密传输文件或登录到其他服务器

使用scp传输文件到其他服务器的时候,提示需要输密码,如下:[root@18csetup]#scpLINUX.X64_180000_db_home.zip192.168.133.120:/u0...

Linux如何通过salt免密SCP传输上百台机的脚本?看chatGPT的回答

如何通过salt免密SCP传输上百台机的shell脚本”,下面是chatGPT给出的结果。scp批量免密脚本给出的详细shell脚本如下:#!/bin/bash#源文件路径和目标路径SRC_...

Linux/Mac scp命令上传文件_将hdfs上的文件下载到本地的命令是

语法scp[可选参数]file_sourcefile_target参数说明:-1:强制scp命令使用协议ssh1-2:强制scp命令使用协议ssh2-4:强制scp命令只使用IPv4寻...

Linux常用功能——文件远程传输_linux 远程传输文件

scp是securecopy的简写,是linux系统下基于ssh登陆进行安全的远程文件拷贝命令,用于在Linux下进行远程拷贝文件的命令。和它类似的命令有cp,不过cp只是在本机进行拷贝不能跨服务器...

使用 scp 命令定时拉取服务器备份文件

我们的服务器,每周五必须要做下备份,但总是忘记执行备份这件事情,或者是服务器备份做了,但没有做异地备份。所以通过定时任务自动备份,备份成功之后,在其它服务器上面通过定时任务scp命令自动拉取备份文...

windows下最轻便的FTP/SCP文件管理器

这次推荐的工具叫做winscp,这个工具如果是IT从业人员,又是做服务端相关工作的话,可能无人不知,如果是刚入门,推荐立马上手试试。如果看了觉得有用,欢迎收藏、点赞、关注。官方网站:https://w...

我不是网管 - Linux中使用SCP命令安全复制文件

SCP是linux发行版中的命令行工具,用于通过网络安全地跨系统复制文件和目录。SCP代表安全复制,因为它使用ssh协议复制文件。拷贝时,scp命令建立ssh连接到远程系统。换句话说...

WinSCP软件双系统(Win-Linux)文件传输教程

WinSCP软件是windows下的一款使用ssh协议的开源图形化SFTP客户端,也就是一个文件传输的软件,它有什么优点吗,咱们嵌入式开发中经常会将windows中的文件复制到linux系统当中,比较...

取消回复欢迎 发表评论: