学習過程におけるWEBフロントエンドの開発、あなたは、システムがそれである方法を学びたい初心者のエントリーレベルの新人として？
1つの問題は紹介です。
HTML言語学習7つのヒント
これは、HTML言語を習得する方法です。
一般的な初心者の間違いは、最初に学ぶためにベストを尽くすことですどのプログラミング言語を決定するのに躊躇があります。我々は選択肢がたくさんあるが、あなたは、言語、話すことができない「ベストを。」
私たちは、理解する必要があります。最終的な分析では、言語は重要ではありません。データ、制御ロジックとデザインパターンの構造を理解することが重要です。任意の言語 - であっても、簡単なスクリプト言語は - それはさまざまな言語を介して行われ、すべてのプログラミング言語に共通するさまざまな機能を持っています。
私は実際に私がリターンを得るために専門職としてそれを考えることはありません、パスカル、アセンブリ、およびC言語のプログラミング。私はそれが彼らの使用法を学んで、私の既存の知識、様々な文書や参考図書では動作しないことができ、自己プログラミングされています。
そのため、どのようなプログラミング言語を選択するために急いではありません。あなたは、それをこのタスクを完了することができ、言語の使用を開発したいかを調べます。
コマンドラインスクリプトツールへのWebからデスクトップにスマートフォンへの応用：開発プラットフォームの種類によって、ソフトウェア開発の形で使用できるさまざまなオプションがあります。私は、プログラムコードについての話や初心者レベルに従うことをするとき、あなたは非常に精通した読者であることを前提としますが、初心者のため。あなたが理解できます場合は、プログラミング入門マニュアルを参照してもいるので、気分が自然にあなたのさらなる研究のために、とても幸せそう悪くなります。
デスクトップスクリプト
WindowsまたはMacのシステムプログラミングにハンズオンたい、最も簡単な方法は、そのようなAutoHotkeyを（Windowsの場合）またはAutomatorの（アップルシステム）として、スクリプトやマクロ言語で開始することです。今日では、一部のハードウェアプログラマの画面は、AHKとAppleScriptのは「本物」のプログラミング言語ではないことを言って、彼らに叫んで。おそらく彼らは正しいと言う - 技術的には、ツールのこれらのタイプは、いくつかのより高いレベルのプログラミングを行うことができます。しかし、単に識字初心者を来てほしい人のために、私はいくつかのプログラムが自分のコンピュータの上で自動的に実行することができます実装したい、これらの言語は、入り口を開始するための素晴らしい方法だろう - あなたは機能の彼らの富で驚かれることでしょう。
たとえば、私たちは皆、アダムテクスターは、スクリプト言語は、単に小さなスケールの自動化には程遠いとなるように、独立して、AutoHotkeyを開発して実行するWindowsアプリケーションを使用することができますが大好きです。あなたはAutoHotkeyをで開始したい場合は、アダムの指導を参照することができます：AutoHotkeyをを使用して、キーボードショートカットに任意のアクションを有効にする方法（そして、あなたがAHKの発展の内部構造を使用して、このフル機能のWindowsアプリケーションのソースコードテクスタールックをダウンロードすることができます） 。
Web開発
HTMLとCSS：ウェブサイトの開発は、あなたが知っておく必要がある最初の事は、HTML（ウェブ構成するページ）とCSS（スタイルタグの外観を改善する方法）するものです。HTMLとCSSはプログラミング言語ではありません - 彼らは単に構造とスタイルの情報ページです。あなたはどのように手動で簡単なHTMLとCSSを書くことを学ぶ必要があり、Webアプリケーションの開発を始める前に、しかし、フロントエンドのWebページには、任意のWebアプリケーションの表示部です。このHTMLガイドは、あなたが開始するための良い場所です。
JavaScriptは：今、あなたは、後にHTMLとCSSを経由して、静的なページを構築することができ、物事は面白くするために始めた - すぐにJavaScriptを学ぶため。JavaScriptがWebブラウザ上のプログラミング言語であり、それはページ内の動的効果を作る魔法です。
JavaScriptはブックマークレット、Greasemonkeyのスクリプト、およびAjaxを行うことができますので、ウェブグッズの様々な要因についてです。ここからJavaScriptを学びます。
サーバーサイドスクリプト：
あなたは知識のページで学ぶたら、あなたには、いくつかの動的なサーバーの操作を追加するには、それを開始する必要があります - これを達成するために、あなたは、PHPやPython、Perlの、やRubyなどのサーバーサイドのスクリプト言語に移動する必要があります。
あなたは、Webページのフォームお問い合わせフォームを作成したい場合たとえば、ユーザの入力に基づいて電子メールを送信、あなたが達成するために、サーバー側のスクリプトを使用する必要があります。PHPのようなスクリプト言語を使用すると、Webサーバー上のデータベースと通信することができますので、あなたが登録し、ウェブサイトを訪問することができ、ユーザを構築したい場合は、そのような言語は、あなたが必要な正確に何です。
Webフレームワーク：
過去数年間、Web開発者は、動的なWebサイトが繰り返し発生した問題のためにコードを書くために何度も何度も繰り返さなければならなかったの構築します。問題の重複になりますいくつかの新しいウェブサイトを開発するために、このような時間を避けるために、いくつかのプログラマが私たちのために仕事を、反復フレームワークの数が出ています。
非常に人気のRuby on Railsのフレームワークは、一例として、Rubyプログラミング言語を取る完了するために使用することができ、当社の通常のWebアプリケーション用に専用のWeb指向アーキテクチャーを提供します。実際には、アダムは、Railsの彼の最初の公式を使用して（と素晴らしいです！）、Webアプリケーション、MixTape.meを開発しました。これは、状況のいずれかの経験のないウェブサイトを構築するために彼の方法です。他のWeb開発フレームワークは、（PHPプログラマのための）CakePHPの、ジャンゴ（Pythonプログラミングのための）、および（JavaScriptのため）のjQueryを含んがあります。
一つは、モチベーションの欠如混乱があるでしょう学習します。ここで私は交換グループ学習をお勧めしますヒントです：四百八十から四は、真ん中は七五〇から七です。研究のフロントエンドで七百六十、あなたがWebページを作成したい場合には、冷却プログラミングを勉強したいです。ご自身は、HTML5実際の学習教材が仕上げされているプロジェクトの最後に移動するには、[特殊効果、ゲーム、プラグインパッケージのデザインパターンを冷却する]最も基本的なHTML + CSS + JSから、最も包括的な研究材料フロントエンド2019を与えたコンパイルすべてのフロントエンドジュニアパートナーは、自分のスキルをアップグレードするジョブ、または大学生だけでなく、作業をWebフロントエンドを学ぶ、または変更したいと考えていました、学ぶことを学ぶためにジュニアパートナーの参加を歓迎します。
ウェブのAPI：
API（アプリケーション・プログラミング・インターフェース層）が異なるソフトウェアのプログラム的な方法の交換です。あなたのサイト上でダイナミックマップを入れたい場合たとえば、あなたは自分のマップを開発する必要なしに、Googleマップを使用することができます。Google MapsのAPIを簡単にあなたのページへのJavaScriptによって、プログラム内のマップにあなたを作ることができます。ほとんどすべての近代的なあなたはAPIを介して自分のデータやガジェットを取得することができ、あなたが知っていると好きなウェブサービスはAPIを提供し、あなたのアプリケーション・プログラムで物事を介してこれらの相互作用を使用することができ、などTwitterやFacebook、Googleドキュメント、Googleマップでは、このリストはそれよりもはるかに多いです。
通过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“程序(注：可能需要代理才能看这个视频)。
耐心，刻苦，尝试，失败
好的程序员都有一个不达目的誓不罢休的品质，他们会惊喜于通过长期推敲和失败换来的一点成绩。 学会编程会有很好的回报的，但是学习的过程可能会是饱受挫折和孤独的。 如果有可能，最好找个伴一起陪你做这件事。 想精通编程，这和其他事情一样，需要坚持，反复尝试，获得更多的经验