Git Product home page Git Product logo

afrontendwebdevtour's Introduction

AFrontEndWebDevTour

A journey of learning front-end development.

学习路线

入门

  • 什么是前端
  • 前端开发者所使用的技术
  • 前端开发者是如何诞生的

1. 基础

  • 工具
    • 编辑器
    • 浏览器
    • 调试工具
    • 辅助工具
  • HTML
  • CSS
  • JavaScript 基础
  • DOM
  • HTTP
  • 练习:写静态页面

2.进阶

  • 练习:用原生 JS 写动态页面
  • 后端:PHP/Java
  • 数据库(MySQL)
  • Ajax
  • ES5, ES6
  • Redux

3.实战

  • 工程化
    • 依赖管理
    • 前端模块化
    • 前端构建工具
    • 编译工具
    • 单元测试
    • 自动化测试
    • Coding style
  • 框架/库
    • jQuery
    • Bootstrap
    • 三大框架
      • React
      • Vue
      • Angular
  • 移动端 web 开发
    • HTML5
    • CSS3
    • canvas
  • 版本控制

4.延伸

  • SEO
  • NodeJS 开发
  • 微信公众号开发
  • React Native
  • 小程序

5.厚积薄发

  • 数据结构
  • 算法
  • 操作系统和计算机网络
  • C 语言
  • 一门静态编程语言,比如 Java

相关资源

指南

教程

学习路线

书籍

知识点

学习笔记

afrontendwebdevtour's People

Contributors

shannonchenchn avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.