Web Development in 2018

回顾2017年

  • New technologies Grid CSS Fetch API Materialize NativeScript
  • More focus on full stack and REST APIs rather than server rendered views
  • More focus on vanilla JavaScript in addition to frameworks
  • Single Page Applications
  • Python & C# over PHP

扮演角色

  • Full stack developer
  • front-end
  • web designer
  • back-end engineer
  • api creation

技能

  • 文本编辑器
    • VSCode
    • Atom
    • Sublime Text
  • Good Browser
    • Chrome
    • FireFox
  • Image Editing
    • Photoshop
    • GIMP
  • Deployment Tools
    • FTP client
    • SSH tool

Font-Ender

  • HTML
  • CSS
  • JavaScript(no-framework no-jquery)
  • Ajax
  • ES2015+

Web Designer

  • Build simple website & UIs
  • PSD / AI -> HTML/CSS
  • some dynamic UI (动效) with JavaScript

Front-Ender进阶

  • HTML / CSS Frameworks
    • Twitter Bootstrap 4
      • General framework
      • most popular
    • Materialize CSS
      • Primarily a UI/UX framework
    • Bulma
      • Easy to learn syntax
      • No JS
    • Zurb Foundation
      • Alternative to Bootstrap
    • Skeleton
      • Very light boilerplate
  • Frontend JavaScript Framework
    • React
      • Popular for startups
      • fast
      • Redux
      • JSX
    • Angular
      • Popular in enterprise
      • full featured
      • NgRx
    • Vue.js
      • Fast
      • light
      • easy to use
      • Vuex
    • Aurelia
      • Light
      • feels like vanilla JavaScript

Back-End

  • Node.js
    • Fast, scalable, powerful
  • Python
    • Popular, rapid development, great integration
  • PHP
    • Practical, easy to deploy - Workpress & Laravel
  • Ruby
    • Rapid development, strong community
  • C# & ASP.NET
    • VERY powerful, Microsoft

Database

  • MongoDB
    • NoSQL
    • non-relational
    • suggested for Node.js
  • MySQL
    • popular relational database
  • PostgreSQL
    • Powerful but a bit more difficult than MySQL
  • SQL Server
    • Microsoft’s implementation of MySQL
  • Oracle
    • Heavily used in enterprise
  • Firebase
    • Cloud database by google

Back-End Framework

  • Javascript
    • Express
    • Hapi.js
    • Adonis
    • Loopback
    • Swagger
  • Python
    • Django
    • Flask
    • Web2py
    • Pylons
  • PHP
    • Laravel
    • Symfony
    • Codelgniter
    • Yii2
  • Ruby
    • Ruby on Rails
    • Sinatra
    • Nitro
  • C#
  • .NET

Mobile Application

  • React Native
  • NativeScript
  • Lonic
  • PhoneGap / Cordova
  • Xamarin

辅助技能

  • GIT, Version control
  • Basic Command Line, Folder navigation, file creation, etc
  • APIS / REST, Learn how REST APIs work
  • HTTP / SSL
  • CSS Pre-Processor
    • Sass
    • Less
  • Webpack & Babel, Module loader & JS compiler

全栈

  • Create simple to advanced web application [Front & Back end]
  • Create secure REST APIs
  • Deploy & maintain applications
  • Administer databases

How Do

  • Focus on your career and whatever technologies your company uses(投身于事业,专注于公司所使用的技术)
  • Learn other Language / stacks in your spare time (业余时间学习新的语言、技术栈)
  • stay up to date with trends & technologies (紧跟技术趋势)

下一篇《从DOM事件流传播到事件冒泡在事件委托中的应用》

上一篇《HTTP Caching 缓存》

永久链接 http://www.shuaihua.cc/article/web-development-in-2018

快速跳转 心头好文 - language - 《Web Development in 2018》

发布日期 2018年2月23日 星期五

版权声明 自由转载-非商用-非衍生-保持署名(创意共享3.0许可证