より良いプログラマーになる 5 つの良い習慣_html/css_WEB-ITnose

私たちは皆、自分の仕事で成長したいと考えています。WEB 開発の分野で最も時間を費やすのはコードの作成です。これには、HTML、CSS、JavaScript、PHP、Python、ActionScript、または Web サイトを構築するために選択したその他の言語が含まれる場合があります。

この記事では、スキルを伸ばしてより優れたプログラマーになれるよう、いくつかの実践的な手順を紹介します。仕事をより良くするための5つの生活習慣を提案します。

1. 一度に 1 種類の言語のみに焦点を当てる

Web サイトを設計または開発している場合は、同時に多くの異なる言語に精通する必要があります。時間。特に相互の関連性を考慮して、これらの言語をすべて同時に学習するとよいでしょう。

これはある程度は避けられないと思います。しかし、本当に早く上達したいのであれば、特定の専門分野に集中することをお勧めします。 CSSをもっと活用してみませんか?これに焦点を当ててください。単一の HTML ドキュメントを使用して、CSS のみを使用してさまざまなレイアウトを実現してみてください。 CSS Zen Garden は、同じレイアウトを使用して異なるページ スタイルを実現する好例です。要素のリストを検索して、それらに焦点を当てることもできます。たとえば、CSS2 には精通しているが、CSS3 についてさらに理解を深めたい場合は、CSS3 のプロパティを学習し、それらを 1 つずつ実装できます。現在の CSS3 仕様を読み、各モジュールを調べて、ブラウザーで何ができるか (またはできないか) を理解することができます。

JavaScript や PHP などのスクリプト言語にも同様のアプローチを使用できますが、これらの関数に対してこれを行うのは少し面倒です。もう 1 つのオプションは、特に仕事に必要な側面について学習するチュートリアルを選択することです。

WordPress 開発にもっと習熟したいですか?関連するチュートリアルがたくさんあります。実際のサーバー側の画像処理について詳しく知りたいですか?チュートリアルもたくさんあります。それらを見つけてブックマークし、段階的に学習してください。

1 つを選択し、マスターするまでそれを続けてから、次のものに進みます。

2. コメントを通じてロジックを作成します

コーディングに関しては、私は多くの原則とアイデアに従います。その 1 つは、コードの 95% がロジックであるということです。もう1つは、人間の言語からプログラミング言語になっても、ロジックは変わらないということです。

これは、コードで書くことができれば、英語や他の言語でも書くことができることを意味します。

たとえば、時刻に基づいて何かをロックまたはロック解除したいとします。一歩下がって、関数コードを直接記述する代わりに、単純な英語のコメントでロジックを記述することができます。

例:

1. // 機能: ロックオン時間
2. // ロック解除ステータスを返す必要があります
3. // を作成します。 new data object
4. // データ オブジェクトを使用して、現在時刻を取得します
5. // 現在時刻が関数に渡された範囲内にある場合
6. // false を返します– 現在ロックが解除されていることを意味します
7. // ELSE
8. // true を返します – 現在ロックされていることを意味します
9. // ENDIF
10. / / END FUNCTION

ここでは関数の完全な論理構造をリストします。これは家を建てるときの設計図に似ています。ここで、コメントのガイダンスに基づいて実際のコードを作成できます。

明らかに、これは比較的単純な例ですが、私は複雑な関数を実装するときにこの手法をよく使用します。こうすることで、関数を作成する前に完全なロジックを検討することができます。これは間違いを減らすための非常に価値のある習慣であることがわかりました。

私はコメントを削除することはほとんどありません。コメントにロジックを書くことは、たとえ数か月経っても、他の人が私のロジックを理解しやすくすることを意味します。数年後にコードをもう一度見てみましょう。

3. テンプレート、プラグイン、オープン ソース コードを学ぶ

インターネットは、特に開発コミュニティにおいては非常にオープンな場所です。これは、優れたプログラマーになりたい人にとって非常に貴重なリソースを提供します。

たとえば、HTML を初めて使用する場合は、インターネットから無数の無料テンプレートをダウンロードできます。これらのテンプレートは通常、単なる HTML (および CSS と JavaScript) であるため、ローカルで実行でき、これらのコードを学ぶ機会は素晴らしい機会です。タグと構造を学んで理解を深め、スタイルシートを変更して何が起こるかを確認してください。

もちろん、標準やベスト プラクティスに関するリソースを読むことを強くお勧めします。悪いコーディング習慣を身につけたくはないはずです。

これは、HTML、CSS などよりもスコープやロジックが複雑な JavaScript、PHP などを学習する場合に役立ちます。

たとえば、WordPress のようなコンテンツ管理システムは、完全に異なる PHP スクリプトで記述された関数で構成されています。同時に、コア機能の拡張もサポートしており、さまざまな非常に優れたプラグインをダウンロードしてインストールできます。 WordPress とそのプラグインの素晴らしい点は、完全にオープンソースであり、ソース コードを完全に参照できることです。

この習慣に関する最後のアドバイス: 決して他人のコード構成をそのまま使用しないでください。必ず理解するようにしてください。また、他人のコードをただ模倣しないでください。コードが言語固有のプロセスや標準に準拠しているかどうかを考慮することは、悪いプログラミング習慣の形成を避けるのにも役立ちます。

4. 読書

インターネット上のさまざまなブログには有益な情報がたくさんありますが、関連するトピックに関する本を読むにはまだ及ばないと感じます。ブログは、特定のトピックについての強力な基礎理解を構築するのに役立つ書籍とは異なり、特定のトピックに関する記事またはチュートリアルである場合があります。

私は 1990 年代後半から 2000 年代前半までテーブル レイアウトを飽きるまで使用していましたが、そのとき DIV レイアウトを使用する時期が来たことに気づきました。しかし、その時点では、DIV レイアウトの非常に重要な部分である CSS セレクターの構文を完全には理解せずに、正しいマークアップを使用しようとしていただけでした。したがって、私は疑似クラスを理解していません。また、位置決めと浮動の概念と同様に、特異性と継承の概念全体が私にとって意味がありません。

現在、私はさまざまなブログからの情報をつなぎ合わせて言語をゆっくりと学習し (実際には、より短い時間で済みます)、CSS についてより包括的に理解しています。これには多くの時間がかかり、やるべき仕事があるため、より適切な解決策を常に探しています。

そこで、Charles Wyke-Smith 著『Stylin' With CSS』という本を購入しました。これは啓示です。ほんの数章で CSS の基本概念を理解しました。私がこれまで知らなかったすべてのことを、非常に体系的に教えてもらいました。さまざまなブログから得るのに数週間、場合によっては数か月かかるのと同じ知識を、約 1 日で得ることができました。

もちろん、それ以来 CSS についてたくさん学びましたが、この本は本当に CSS の基礎を教えてくれたので、今でも参考書として本棚に置いています。

新しいテクノロジーをゼロから学びたい場合、本から学ぶのは間違いなく最良の選択の 1 つです。

5. 実践する

最後に、私が身につけることをお勧めするのは楽しい習慣です。座って、自分の力で何が達成できるか見てみましょう。

現在、CSS3 は人気のトレンドであり、さまざまなプログラマーがテクノロジーを前進させようとしているため、CSS3 の真の機能を知ることができます。以下にいくつかの例を示します。

• CSS3 変換と @font-face 実験
• CSS ポスター
• 純粋な CSS 折れ線グラフ
• CSS3 Leopard スタイルスタック
• 純粋な CSS Twitter フェイルクジラ

もちろん、これらの CSS の中には完全に実用的ではないものもありますが、最も有名なものは、純粋な CSS で実装された Twitter フェイルクジラのイラストです。これは時間がかかりますか？はい。これは実用的でしょうか？いいえ。しかし、これは確かに楽しいものであり、CSS がいかに強力であるかを示しています。

どのような種類のコーディング実験ができますか?楽しくて効果的な学習方法です。

結論

これらはすべて、プログラミング スキルを向上させる 5 つの習慣です。そのすべてがあなたに関係があるわけではないかもしれませんが、少なくとも 1 つは興味を引く習慣を見つけていただければ幸いです。インターネットと呼ばれるこの場所は常に成長し、発展しており、優れたプログラマーになることは常に学び、成長することを意味することを忘れないでください。

経由: sixrevisions.com、Specs によって翻訳および編集され、Coder Resource Network で公開