我总结了前端工程师必备的技能

（资源：免费资源 |)

与标记工程师的区别

标记工程师熟悉 HTML 和 CSS 规范，并且往往比编码员具有更好的编码技能，包括适当的结构、SEO 和丰富的内容创建。然而，很多人在谈到 JavaScript 时往往停留在基本水平。

这些是基础

*据说JavaScript没有官方标志。

以下句子中出现的库和框架只是摘录（示例）。

HTML (HTML5)

SEO友好的标记技巧

CSS (CSS3)

组织和编码大量 CSS 的技能

• CSS 框架
  • 引导程序
    • Laravel 7.x 采用
  • 顺风 CSS
    • 从 Laravel 8.x 采用
  • 布尔玛
  • 基础
    • 被亚马逊、迪士尼、惠普使用
  • UIkit
    • 所有对分组很重要的类名都有 uk-，因此很容易看到 HTML 趋于复杂。
  • 基地
  • 骨架

JavaScript

动画制作中分离CSS和JavaScript的技巧

• 静态类型语言
  • 打字稿
    • 由微软基于 JavaScript 开发
• JavaScript 库
  • 反应
    • 由 Facebook 开发
    • 支持客户端渲染（CSR：Client Side Rendering）
  • jQuery
    • 易于编写 JavaScript
    • 这几年，由于增加了功能，运行变慢了
• JavaScript 框架
  • Vue.js
    • AngularJS 最好和更轻
  • Next.js（基于 React）
    • 可以个性化渲染
    • 单页应用程序 (SPA)
    • 服务器端渲染 (SSR)
    • 静态站点生成器 (SSG)
  • Nuxt.js（基于 Vue.js）
  • AngularJS
    • 由谷歌开发
• 其他
  • Vue.js、Next.js、Nuxt.js 等框架和库
  • 动画制作中CSS和JavaScript的分离

加α

CMS（内容管理系统）建设

一个允许任何人随心所欲地创建网络内容的系统

• WordPress
• MovableType
• 微CMS
  这样的

用户界面/用户体验设计

考虑CVR*1（转化率）、使用次数、停留时间等KPI*2的实现情况。

用户界面（用户界面）

• 用户可见的所有信息，例如网站设计和字体，以及计算机本身的外观
  • 字符用户界面 (CUI)
  • 图形用户界面 (GUI)
• UI 是提升 UX 的重要因素

UX（用户体验）

• 用户通过产品和服务获得的体验和体验

改善用户体验

1. 明确目标
   设置您希望用户采取的操作（设置目标）

   *如果目标不明确，最终站点不明确可以变成

2. 同情用户（设置用户角色）
   更清晰的目标图像

   通过想象当前的情况、担忧、兴趣和需求，成为用户，可以自然地缩小设计和功能的范围。

3. 考虑用户友好性
   与其总是与创新设计竞争，我应该怎么做才能让用户可以毫无压力地使用它？也想想

   *1 表示在访问过网站或特定页面的用户中获得了多少 CV（最终结果）的数值。
   CVR = CV 数（转化次数）/会话数（网站访问者数）x 100
   *2 实现组织目标的重要绩效评价指标

   服务器端语言

   

   PHP

   • PHP 框架
     • Laravel
     • CakePHP

   红宝石

   • Ruby 框架
     • Ruby on Rails

   加α

   团队管理

   为了一个顺利和成功的项目

   • 明确在哪里放置谁以及要进行什么程序
   • 整体日程管理
   • 每个进程中的任务管理
     让团队中的每一位成员都能展现自己的潜力，
   • 控制动机（沟通技巧）
   • 不仅可以自然地鼓励领导和成员之间的互动，有时还可以鼓励成员之间的互动
     其他
   • 演讲技巧
   • 营销力
   • 兼任设计师的文案能力

   想象你想成为什么样的人并选择你需要的技能最终会导致职业发展

   参考网站

   • 前端工程师必备的6个技能！为了活得更久？
   • 前端工程师应该学习的3个框架和库
   • Next.js 是一个基于 React 的框架！ Nuxt.js 有什么不同和特点？ [介绍]
   • 什么是 CVR（转化率）？从计算方法到改进措施的详细说明！
   • KPI（关键绩效指标）

原创声明：本文系作者授权爱码网发表，未经许可，不得转载;

原文地址：https://www.likecs.com/show-308626142.html