クソ野郎のフロントエンドへの道 learning_html/css_WEB-ITnose

クズのフロントエンド学習への道

その理由

今夜、私のルームメイト (カイ兄弟) が突然、夏休み中に私と一緒にフロントエンドを学びたいと思い、尋ねました。私 どこから始めればいいのでしょう？ 考えてみたら、最初から何も分からず手探り状態だったことが分かりました。シンプルなウェブサイトを独立して作成します。私はまだ入門レベルですが、これからフロントエンドを一から学んでいく子どもたちにとっては、経験が少しでも役立つはずだと思うので、私が模索してきたフロントエンドの道を書いていこうと思います。人々の参考。

なぜソフトウェアエンジニアリングを専攻に選んだのですか?

実は、私はテクノロジーに特に興味がある人間ではありません。大学受験が終わって初めて、自分がテクノロジーに興味があることに気づきました。特に熱中できることもなかったし、趣味も多かったし、漠然としたことだったし、苦手で専攻もあまり選べなかったので、適当にソフトウェア工学を選んだ、と当時は思っていました。とにかく一つの技術について詳しく知っておくと良いと思います。興味のあるものを見つけたら、それはそれでいいのです（ちょっと独断的ですが笑）。

つまり、私が最初に大学に入学したとき、テクノロジーとは何か、コーダーとは何か、そしてC言語さえもコンピューター言語とみなされていましたか？私は完全に混乱しており、テクノロジー業界で働いている人の多くがオタクであることを見て、この専攻にさらに嫌悪感を抱き、何と呼ぶべきかわからないつまらないことをして 1 年を「無駄」にしました。 2年生のとき、誰かがとても上手になりたいと思ったので、私は技術的な道に進み始めました。

テクノロジーを学ぶメリット

1. プログラマーは間違いなくお金を稼ぐためにアウトソーシングを引き受けることができます。マスターになれば、お金を稼ぐのは実はとても簡単だということがわかるでしょう。おそらく、毎日数時間コードを入力すれば、他の人が 1 日にアルバイトで稼ぐのと同じくらいのお金を稼ぐことができるでしょう。なので、私のように自立したい人には最適です。また、4年生には留学する予定なので、他の留学生のように食器洗いをする必要がなく、自分で生活費を稼ぐことができます。はは、肝心なのは私の家庭環境が平均的だからです（笑）。
2. ルームメイト（クラスメート）に課題（コース設計）を任せるのは、私のように他人を助ける（自慢する）のが好きな人にとって、他人がやったことを自分自身の努力で完了できるとわかったときです。宿題を完了できなかったときに誇りに思うこと。
3. 女の子をからかいます。これは、多くの女の子がテクノロジーにあまり得意ではないためです。そのため、問題が発生した場合は、真剣な態度で解決できるよう手助けしてください。または、小さな黒いウィンドウ (端末) を開いて、彼女のコンピューターを直すために彼女が理解できない何かを入力すると、簡単に彼女に賞賛されることもあります (笑)。これは人によって異なります。
4. ちなみに、テクノロジーを学ぶ子供たちは通常 Linux を学びますが、私のように自慢するのが好きな人など、他の人が使用できないオペレーティング システムを使用すると、非常に充実感を感じます。
5. もちろん、上記はテクノロジーを学習するための付属品の一部にすぎません。テクノロジーを学習する過程で、予期せぬ利益が得られることは間違いありません。

フロントエンドとは

Web フロントエンド開発エンジニア。(X)HTML/CSS/JavaScript/ などのさまざまな Web テクノロジーを使用して製品インターフェイスを開発することが主な責任です。 DOM/フラッシュ。標準に最適化されたコードを生成し、インタラクティブな動的機能を追加し、JavaScript を開発し、それをバックグラウンド開発テクノロジーと組み合わせて全体的な効果をシミュレートし、インターネットを豊かにする Web 開発を実行し、テクノロジーを通じてユーザー エクスペリエンスを向上させることに尽力します。 (これはBaiduからのものです。とても公式です)

最初フロントエンドはhtml+css+javascriptだと思っていましたが、私がこれまでに知っている限り、フロントエンドは多くのポジションに分かれており、再構築、JavaScriptフロントエンドエンジニア、ノードフロントエンドエンジニアなど、Tencentにはフロントエンドインタラクションデザイナーもいるそうです。もちろん、すべてを理解しているフルスタックエンジニアもいます。成し遂げる。 (個人的な意見です)

html、css、javascript入門

1. 最初はw3schoolのサイトで勉強していましたが、当時はここ以外でどこで勉強すればいいのか、どうやって勉強すればいいのか分かりませんでした。ただし、多くの知識ポイントはあまり包括的ではありませんが、初心者が HTML タグに慣れ、静的ページの効果を確認するには、ここから始めるのが比較的普通だと思います。
2. 学習したい場合は、HTML から始めて、各章を注意深く学習してから、メモ帳 (おなじみ) のチュートリアルに従ってコードを入力してください。
3. HTML の学習を開始すると、HTML の学習を完了できます。 CSS スタイルを学ぶには、まだ段階的に読んで入力し、さまざまな CSS セレクターに徐々に慣れる必要があります。ただし、ここで学習を終えるだけでは十分ではありません。ここにあるチュートリアルでは、多くのモデルやいくつかの配置についてあまり明確ではないため、これを学習した後、MOOC にアクセスして、Web ページ レイアウトの基本を学び、3 つの主要なレイアウト テクニックを習得することができます。 —— 流動レイアウト、フローティング レイアウト、絶対配置レイアウト、標準的なドキュメント フロー、ボックス モデル、フロート属性、位置属性を学習します。次に、固定レイヤーを見てみましょう。これで、CSS がどのように機能するかについての基本を理解できたはずです。
4. 次に、Web ページのレイアウトに CSS を使用する方法と、Web ページの単純なレイアウト構造とパフォーマンスの原則の分離について学びましょう。これらの 2 つのビデオを視聴すると、HTML と CSS についての理解が深まるはずです。 。
5. 現時点では、w3school に戻って css3 と html5 の知識ポイントを学ぶことができますが、引き続きさまざまな新しいタグに慣れる必要があります。学習した後は、まず以下のエディター オプションを確認してから、戻ってくることができます。
6. その後、Liao Xuefeng のブログから JavaScript の基礎を学び始めることができます。JavaScript チュートリアルを読んだ後、MOOC でフォーム検証、ポップアップ レイヤー、タブ切り替えについて学ぶことができます。ここでJavaScriptを体験してください。

エディターの選択

1. 最初に window に付属しているエディターを使用するだけで、拡張子を .html に変更するだけで編集できます。ブラウザが開きました。
2. nodepad++、私はこのエディターをあまり使用したことがありませんが、非常に上手であれば、これをプログラミングに使用できます。
3. エディターである Dreamweaver は、 を使用しないことを強く推奨します。これは、非常に便利ですが、学習に役立たないため、 を使用しないでください。悪い。私の意見では、このエディタはプログラマーではない人専用です。
4. 崇高なテスト。このエディターは個人的に強くお勧めします。ビデオを見て学びたい場合は、MOOC にアクセスして崇高なチュートリアルをご覧ください。ブログパークで素晴らしいチュートリアルをご覧ください。
5. vim、このエディタは使いやすいですが、結局のところ、私はあまり使いこなせません。

続きます

最初は一気に終わらせる予定でしたが、gitの使い方や高度なJavaScriptなど書きたいことが多すぎてしまいました、node.js の開始、環境設定、リソースの検索など、今とても眠いし、蚊や虫がたくさんいるので、先に寝ます。暇なときに2日以内に書き終えて、誰かの役に立てれば幸いです。良いと思ったら「いいね！」を押していただけると今後の励みになりますのでよろしくお願いいたします。