[WEB front-end development] Getting Started: html language learning 7 Tips

WEB front-end development in the learning process, as a novice entry-level rookie you want to learn how the system is it?

One issue is the introduction :

html language learning 7 Tips

That is how to learn HTML language.

There is a common novice mistake is hesitant to determine which programming language is to do the best to learn first. We have a lot of choices, but you can not speak the language, "the best."

We should understand: the final analysis, language does not matter. Is important to understand the structure of the data, the control logic and design patterns. Any language - even a simple scripting language - will have various features that are common to all programming languages, that is through a variety of languages.

I Programming Pascal, Assembly, and C language, in fact I never think of it as profession in order to get a return. I have been self-programming, it can not work with my existing knowledge, various documents and reference books, learning their usage.

Therefore, do not rush to choose what programming language. Find out what you want to develop, the use of a language able to complete this task, which it.

Depending on a variety of development platforms, there are many different options available to you in the form of software development: application from the web to your desktop to your smartphone to a command-line scripting tool. I assume that you are a very savvy readers, but for the novice, when I talk about the program code or to follow the beginner level. Because even if you see an introductory programming manual, if you find can understand, the mood will naturally be very happy, so bad for your further study.

Desktop script

Want hands-on in Windows or Mac systems programming, the easiest way is to start with a scripting or macro language, such as AutoHotkey (Windows) or Automator (Apple system). Today, some hardware programmer screen yelling at them, saying that AHK and AppleScript is not a "real" programming language. Maybe they say is right - Technically, these types of tools can only do some higher-level programming. But for those who just want to come literacy novice, I want to implement some programs can run automatically on their computer's, these languages ​​would be a fantastic way to start the entrance - and you will be surprised at their wealth of features.

For example, we all love Adam Texter is able to use Windows applications run independently developed AutoHotkey, so that the scripting language is far from being just small scale automation. If you want to start with AutoHotkey, you can refer to the guidance of Adam: how to turn any action into a keyboard shortcut using AutoHotkey (then, you can download the source code Texter look at this full-featured Windows application using the internal structure of the development of AHK) .

Web development

HTML and CSS: development of the website, the first thing you need to know what is HTML (web page that makes up a) and CSS (a way to improve the appearance of the style tag). HTML and CSS is not a programming language - they are just structure and style information page. However, before you start developing web applications you have to learn to write simple HTML and CSS how manual, front-end web page is any webapp display section. This HTML guide is a good place for you to start.

JavaScript: Now you can build a static page via HTML and CSS later, things started to get interesting - because to learn JavaScript right away. JavaScript is a programming language on the web browser, it's the magic that makes dynamic effects in the page.

JavaScript can do bookmarklets, Greasemonkey scripts, and Ajax, so it's about a variety of factors on the web goodies. Learning JavaScript away from here.

Server-side script:

Once you learn in the pages of knowledge, you have to start it to add some dynamic server operations - in order to achieve this, you'll need to move to a server-side scripting languages ​​such as PHP, Python, Perl, or Ruby.

For example, if you want to make a web page form contact form, send e-mail based on user input, you need to use server-side scripting to achieve. Like PHP scripting language allows you to communicate with the database on the web server, so if you want to build a user can visit the website registered, such language is exactly what you need.

Web framework:

Over the past few years, web developers build dynamic websites had to be repeated over and over again to write code for the problems encountered repeated. In order to avoid such a time to develop some new website will be a duplication of the problem, some programmers have come up with a number of frameworks that repetitive work for us.

Very popular Ruby on Rails framework, as an example, takes the Ruby programming language, provides a dedicated web-oriented architecture for our ordinary web application can use it to complete. In fact, Adam developed using Rails his first official (and is amazing!) Web application, MixTape.me. This is his how to build a website without any experience of the situation. There are other web development frameworks include CakePHP (for PHP programmers), Django (for Python programming), and jQuery (for JavaScript).

One learns there will be confusion, lack of motivation. Here's the tip I recommend learning exchange group: four hundred eighty-four, the middle is seven hundred fifty-seven. Seven hundred and sixty, which is the front end of the study, if you want to create web pages cool, want to learn programming. Himself compiled a front-end 2019 the most comprehensive study materials, from the most basic HTML + CSS + JS [cool special effects, games, plug-in package design patterns] to move to the end of the project HTML5 real learning materials are finishing, gave every front-end junior partner, had wanted to learn web front-end, or change jobs, or college students, as well as work want to upgrade their skills, are welcome to join the junior partner to learn to learn.

Web APIs:

API (application programming interface layer) is a programmatic way exchange of different software. For example, if you want to put a dynamic map on your site, you can use Google Map, without the need to develop their own maps. The Google Maps API can easily make you into a map in the program by JavaScript to your page. Almost all modern you know and favorite web services provide API, you can get to their data and gadgets through the API, you can use these interactions over things in your application program, such as twitter, Facebook, Google Docs, Google Maps, this list is far more than that.

通过API把其他web应用集成到你的web应用里是现在富web开发的前沿地带。 每个优秀的主流的web服务API都附带有完整的文档和一些快速入手的指导(例如,这个就是Twitter的)。 疯狂吧。

命令行脚本

如果你想开发一个程序,让它读取文字或文件、输入输出一些有用的东西,那么,命令行脚本语言将是个不错的选择。 然而它并不像web应用程序和桌面应用程序那样有吸引力和好看的外观,但是作为快速开发的脚本语言,你却不能忽视它们。

很多的在linux平台上运行的web脚本同样能以命令行模式运行,例如Perl,Python和PHP,所以如果你学会了使用它们,你将能在两种环境中使用它们。 我的学习道路一直没离开Perl太远,我自学Python使用的是这本优秀的在线免费书Dive into Python。

如果成为一个Unix高手也是你学习的目标,那么你绝对要精通bash这个脚本语言。 Bash是Unix和Linux环境下的一种命令行脚本语言,它能够为你做所以的事情:从自动备份数据库脚本到功能齐全的用户交互程序。 起初我没有任何使用bash脚本的经验,但最终我用bash开发了一个全功能的个人代办任务管理器:Todo.txt CLI。

插件(Add-ons)

如今的web应用程序和浏览器都可以通过一些扩展软件来丰富自己的功能。 由于一些现有的软件,例如Firefox、WordPress越来越受到开发人员的关注,插件的开发也日益流行,人们都在说“But if only it could do THIS…”

只要你掌握了HTML,JavaScript和CSS,你就可以在任何的浏览器里开发你想要的很多东西。 Bookmarklets,Greasemonkeyuser scripts, 和Stylishuser styles这些软件都是用的更普通页面一样的语言写成的, 这几个东西都值得你去研究一些。

更高级的浏览器扩展程序,例如Firefox的扩展,它们可以帮助你很多。 开发Firefox的扩展.

举个例子,需要你精通JavaScript和XML(一种标记语言,类似HTML,但具有更严格的格式)。 早在2007年我就写下来how to build a Firefox extension, 这是我在笨手笨脚的研究网上的一些学习资料后获得的成果。

很多免费的、受欢迎的web应用程序都提供了扩展框架,例如WordPress 和 MediaWiki。 这些应用程序都是用PHP写成的,所以只有对PHP熟悉你才能做这些事情。 这个就是如何编写WordPress插件。 而想驾驭Google Wave前沿技术的开发人员可以从使用HTML, JavaScript, Java, 和 Python 写小组件和小工具开始。 我写的第一个Wave bot是跟着这个一个下午时间的快速入门指导开始的。

开发桌面上的Web应用程序

学习编程最好的结果是你在一个环境下学的东西可以应用到另外的环境中。 先学习开发web应用程序的好处就是我们有一些方法可以让web应用程序直接在桌面上运行。 例如,Adobe AIR是一个跨平台的即时运行平台,它能让你编写的程序运行在任何装有AIR的操作系统的桌面上。

AIR应用程序都是由HTML, Flash, 或 Flex 写成的,所以它能让你的web程序在桌面环境中运行。 AIR是开发部署桌面应用程序的一个优秀的选择,就像我们提到过的10个让你值得去安装AIR的应用程序。

- 移动应用开发****

能在iPhone或者Android智能手机上运行的手机应用程序的开发如今正呈现井喷之势,所以你也可以梦想一下如何在iTunes应用商店里通过你的天才程序大赚一笔。 但是,作为一个编码新手,直接奔向移动开发所经历的学习曲线可能会很陡,因为它需要你熟悉高级的编程语言,例如Java和Objective C。

然而,你当然应该看看iPhone 和 Android 编程究竟是什么样子的。 阅读这个简单的iPhone应用开发例子可以初步认识一下iPhone程序的开发过程。 Android 程序都是由Java写成的,这有一个简单的视频教程教你如何开发第一个”Hello Android“程序(注:可能需要代理才能看这个视频)。

耐心,刻苦,尝试,失败

好的程序员都有一个不达目的誓不罢休的品质,他们会惊喜于通过长期推敲和失败换来的一点成绩。 学会编程会有很好的回报的,但是学习的过程可能会是饱受挫折和孤独的。 如果有可能,最好找个伴一起陪你做这件事。 想精通编程,这和其他事情一样,需要坚持,反复尝试,获得更多的经验

Guess you like

Origin blog.csdn.net/dj3235/article/details/91848424