8000 GitHub - Webchange/f2e-journey: 我的前端之旅 - 前端最佳入门指南
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Webchange/f2e-journey

BranchesTags
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
LICENSE
LICENSE
 
 
README.md
README.md
 
 

Repository files navigation

f2e-journey

《我的前端之旅》(2012-01-10创建)最初这只是一个简单的豆列, 当时就是想记录下自己学习前端时看过哪些书, 精选出自己最喜欢/最合适, 对自己来说收益最大的书. 这样如果别人也想学前端的时候, 我就可以推荐这些书给他们.

后来随着自己的阅读量增加, 又陆续加了些网络资源(例如博客文章等)进来, 使用豆列的形式来编辑感觉越来越不方便了, 最终我决定让它"发展壮大", 前端之旅从这里开始.

我的前端之旅

前端在计算机领域其实算是一个新新职业, 也就是最近几年飞速发展起来的, 很多人都是"转前端", 我也是.

所以我本身也不是一开始就立志做前端的, 但由于自己非常喜欢前端, 也一直没有离开过这个领域. 凭借着自己的兴趣, 每天积累一点, 一步一步地走到今天. 其实身边也没有什么高手大神, 只是看过文章"千千万"(略带夸张成份), 其中不乏有大神的"教导", 让我受益匪浅, 因此我很想推荐出来, 绝对都是我认为最好的, 因为这就是我自己正在经历的一场精彩的旅程啊.

就目前来说, 想成为一名"专业"的前端, 缺乏专门/专业的地方来学习(学校基本上都还没有专门开设前端课程). 而前端的知识领域又涉及非常之广, 各方面的书籍倒是不缺, 各种入门文章也比比皆是. 但想从中找到优秀的进阶之路, 确实需要耐心.

那么我们做为过来人, 有责任让后来者少走弯路, 整理出前端最佳(就个人经历而言)的入门指南.

最后

祝: 旅途愉快!

推荐书籍

那么前端我们需要学些什么呢?

就前端而言, 所有要学的东西都是围绕着 HTTP/HTML/CSS/JS(JavaScript) 这4项 Web 基础技术来走的.

推荐教程

编码规范

无规矩不成方圆, 我们如何才能写出高端大气上档次的代码呢?

HTML

CSS

  • 编写如一、符合习惯的CSS的原则

  • CSS Guidelines

  • RSCSS

    • Components, named with 2 words (.blog-post)
    • Elements, named with 1 word (.blog-post > .title)
    • Variants, named with a dash prefix (.blog-post.-with-icon)
    • Helpers, named with an underscore prefix (_pull-left)
    <!-- BEM -->
<form class="site-search site-search--full">
    <input  class="site-search_field" type="text">
    <button class="site-search_button"></button>
</form>
<!-- rscss -->
<form class="site-search -full">
    <input  class="field" type="text">
    <button class="button"></button>
</form>

JavaScript

一入前端深似海

恭喜你, 在前端的道路上终于迈出了坚实的一步. 我想说的是入门以后, 前端的路才刚刚开始.

路漫漫其修远兮, 吾将上下而求索.

About

我的前端之旅 - 前端最佳入门指南

Resources

Readme

License

MIT license
Activity

Stars

0 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published
0