Giter VIP home page Giter VIP logo

code's Introduction

简介

“不忘初心,方得始终。” 自学前端开发这么久,也决定记录下自己的初衷和目标。

自己与前端结缘是因为大一的时候加入了学院里的学生会,进入了新媒体运营部并认识了部长杰哥@makeco,是杰哥带我接触到前端,他教会了我很多东西。现在回想起来,最开始学前端时的热情比后来任何时候都要高,经常放学后在宿舍熬夜到凌晨一两点。“初心易得,始终难守”,在这方面我得向舍友@小潘学习。人有所执,方有所成。希望自己在成为前端工程师的道路上坚持前行。

web前端开发真的是一个入门非常简单的领域,我最初入坑前端的原因也是因为觉得它简单有趣。但事实上前端的知识体系庞杂又松散,技术演进很快,如果不能构建起自己对于前端的知识体系框架的认识,很容易就会“前端疲劳”。因此学习前端,不管是入门还是进阶,一定都要有构建前端知识体系的意识。Github上有很多大神做的前端体系总结,已经很详尽了。但我们不能只是去点一个Star或fork一下就万事大吉了。 我觉得每个人都应该做一份自己的前端知识体系大纲,就算是刚入门前端,也可以先列一个计划,有一个最基本的框架,然后在学习的过程中慢慢完善。

本仓库用于记录自学web开发过程中看过的一些教学网站,文章资料以及自己的代码和心得笔记,方便查阅。

准备工作

科学上网 💀

在这里我就不吐槽百度的搜索有多坑了,“工欲善其事,必先利其器。” 如果你想成为一名程序员或者是工程师,学会科学上网应该是你的必备技能。

学习Markdown语法 📑

Markdown是一种轻量级的标记语言。因为它语法简单,不用花过多时间在排版上,效率高,所以不只是程序员,现在有很多人都在用markdown来写作。

适合自己的编辑器 💻

对于程序员来说,代码编辑器绝对是最重要的开发工具之一。我常用的编辑器是Sublime Text3用来书写简单的项目,大一点的项目则使用VScode

了解Github和Git :octocat:

网上关于Github和Git的使用和配置教程一大堆,去了解学习一下,方便管理自己的代码。

学习网站

  • DevDocs API Documentation

    作为文档工具手册涵盖非常全面,内容实时更新,用法和例子很清晰

  • MDN Doc

    Mozila官方文档,逼格高,内容详尽

  • 菜鸟教程

    如果不想看全英文的文档,那就撸菜鸟教程吧 适合基础入门

  • 慕课网

    其实慕课网上的一些收费视频网上也都有资源,如果可以Star的话 我很乐意告诉你一些东西 😏

  • bilibili

    我在B站学编程系列 哈哈哈 B站也有一些教程视频是很不错的,关注我说不定会有惊喜

  • YouTube

    少年,你不想看看墙外的世界吗?

入门:HTML/CSS/JavaScript

学习目标:熟练掌握HTML的标签使用、排版技巧、CSS的布局定位、样式美化、浏览器兼容性。 掌握JS的基本语法、条件、语句、循环等。熟悉HTML5的新标签,新特性(有兴趣可以深入学习下Canvas)、CSS3的新属性等。

1. HTML/5

2. CSS/3

3. JavaScript

推荐书籍

1. 《Head first HTML&CSS》 (浅显易懂,但感觉不如下面的这本) 2. 《JavaScript DOM编程艺术》(我的第一本前端入门书籍) 源码 3. 《Javscript 高级程序设计》(JS圣经 红宝书 必读书籍,没有之一) 源码

初级:jQuery/BootStrap

学习目标:掌握jQuery的API、可以使用jQuery结合Bootstrap完成基础的项目开发。

1. jQuery

2. BootStrap

推荐书籍

1. 《锋利的jQuery》 源码

进阶:ES6

学习目标:

1. ES6

其他

推荐书籍

1. 《你不知道的JavaScript》 (带你重新认识JavaScript)

高级:Vue.js/Node.js

学习目标:理解MVVM的原理,掌握Vue框架的用法。

1. Vue.js

2. Node.js

  • 文章
  • 视频教程

code's People

Contributors

mintnoii 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.