如何在家自学前端?-H5 Tutorial-php.cn

Home

Web Front-end

H5 Tutorial

如何在家自学前端?

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 07, 2016 am 08:42 AM

html5

我想辞职回家自学网页制作，目前有一点网页基础，和C#基础，想转行html5前端工程师，应该怎么自学，
1.按哪些书籍进行系统的学习
2.大概需要多久时间，每天12小时编程
3.如何来进行练习，以学以致用
4.什么程度才能自己接私活
5.最后出去找工作需要注意些什么

问题有点多，还请前辈多多指点

回复内容：

---大四上的时候跟你情况差不多，有点前端基础和.net基础，现在在做前端，偶尔兼职后端-----

1、去年还在学校的时候自学的前端，HTML和CSS主要是跟着w3school学的，初级的Javascript也是在这个网站学的，然后把HTML CSS Javascript的参考手册打印出来，每天早上都会过一遍。HTML我认为主要是理解语义化，CSS 理解如何控制样式和协助HTML进行布局，还有新的CSS3的使用，对CSS的学习我认为应该多搜一些网上的帖子进行学习，书本上的知识讲的并不是很透彻，比如BFC，我就没在CSS书上看到过（也可能是我读的少的原因吧）。Javascript入门宝典《Javascript高级程序设计》，学好这个就能基本理解Javascript这个语言了，建议读这本书之前在w3school上先熟悉一下，一开始读这本书还是有些吃力的。
入门之后在提高的书籍在知乎搜一下其他帖子吧。
2、每天12小时，基本很少人能做到！只能给你个参考，我自学了大概不到2个月就来上海实习前端了。
3、练习的话，很多人都推荐模仿网站，比如微博，京东等等。我没试过，但是想想的话确实应该会有很大提高。要学以致用的话，给自己写个博客吧。
4、接私活前提是有人知道你会前端，并且知道你技术还行，这个的前提是你先有个工作，并且能得到别人的认可。程度的话我是这样理解的：1.代码规范 2.兼容性 3.Javascript的性能 4.最重要的跟设计稿的出入要尽可能的小。
5、没进过坑，也不知道要注意什么，选个好老板很重要，其次是周围同事是否积极向上。。。。 http://www.w3school.com.cn
无需解释慕课网，你值得拥有
http://www.imooc.com 怎么程度才能接私活？以猪八戒为例，上面有不少外包公司，你写的过他就可以接，或者自己开个博客打广告，前提你是大牛博客有技术能吸引人气我也在自学，之前想过离职，不过都被周围的人劝下了，现在每天利用下班时间自学

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

H5: How It Enhances User Experience on the WebApr 19, 2025 am 12:08 AM

H5 improves web user experience with multimedia support, offline storage and performance optimization. 1) Multimedia support: H5 and elements simplify development and improve user experience. 2) Offline storage: WebStorage and IndexedDB allow offline use to improve the experience. 3) Performance optimization: WebWorkers and elements optimize performance to reduce bandwidth consumption.

Deconstructing H5 Code: Tags, Elements, and AttributesApr 18, 2025 am 12:06 AM

HTML5 code consists of tags, elements and attributes: 1. The tag defines the content type and is surrounded by angle brackets, such as. 2. Elements are composed of start tags, contents and end tags, such as contents. 3. Attributes define key-value pairs in the start tag, enhance functions, such as. These are the basic units for building web structure.

Understanding H5 Code: The Fundamentals of HTML5Apr 17, 2025 am 12:08 AM

HTML5 is a key technology for building modern web pages, providing many new elements and features. 1. HTML5 introduces semantic elements such as, , etc., which enhances web page structure and SEO. 2. Support multimedia elements and embed media without plug-ins. 3. Forms enhance new input types and verification properties, simplifying the verification process. 4. Offer offline and local storage functions to improve web page performance and user experience.

H5 Code: Best Practices for Web DevelopersApr 16, 2025 am 12:14 AM

Best practices for H5 code include: 1. Use correct DOCTYPE declarations and character encoding; 2. Use semantic tags; 3. Reduce HTTP requests; 4. Use asynchronous loading; 5. Optimize images. These practices can improve the efficiency, maintainability and user experience of web pages.

H5: The Evolution of Web Standards and TechnologiesApr 15, 2025 am 12:12 AM

Web standards and technologies have evolved from HTML4, CSS2 and simple JavaScript to date and have undergone significant developments. 1) HTML5 introduces APIs such as Canvas and WebStorage, which enhances the complexity and interactivity of web applications. 2) CSS3 adds animation and transition functions to make the page more effective. 3) JavaScript improves development efficiency and code readability through modern syntax of Node.js and ES6, such as arrow functions and classes. These changes have promoted the development of performance optimization and best practices of web applications.

Is H5 a Shorthand for HTML5? Exploring the DetailsApr 14, 2025 am 12:05 AM

H5 is not just the abbreviation of HTML5, it represents a wider modern web development technology ecosystem: 1. H5 includes HTML5, CSS3, JavaScript and related APIs and technologies; 2. It provides a richer, interactive and smooth user experience, and can run seamlessly on multiple devices; 3. Using the H5 technology stack, you can create responsive web pages and complex interactive functions.

H5 and HTML5: Commonly Used Terms in Web DevelopmentApr 13, 2025 am 12:01 AM

H5 and HTML5 refer to the same thing, namely HTML5. HTML5 is the fifth version of HTML, bringing new features such as semantic tags, multimedia support, canvas and graphics, offline storage and local storage, improving the expressiveness and interactivity of web pages.

What Does H5 Refer To? Exploring the ContextApr 12, 2025 am 12:03 AM

H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo

See all articles