学習方法

メンター情報

料金

対応時間帯

返信スピード

学習方法

メンター情報

料金

対応時間帯

返信スピード

WordPress JavaScript CSS(SCSS) gsap HTML/CSS

【初心者歓迎 Web制作】HTML CSS Javascrpt Wordpress講座

評価: 5.0
受講生:3
【初心者歓迎 Web制作】HTML CSS Javascrpt Wordpress講座-image1

できること

Web制作

この講義を通じて、参加者は現代のウェブ開発のエッセンスを理解し、実際のプロジェクトでの応用ができるようになることを目指しています。

デザインカンプからのコーディング

  • 実務では、デザインデータをもとにコーディングを行うことが多いです。したがって、コーダーとしてはデザインツールを一定程度使いこなす能力が求められます。現在、限定サービスとしてオリジナルデザインを無料で提供しています。デザインデータはpsd/xd/figmaを準備しておりますのでご安心ください。このデザインをベースに、より実践的なレクチャーを展開できると思います。

デザインカンプ
https://xd.adobe.com/view/acfea05b-2982-412a-a2fa-b498452b1607-f9ad/

image

デザインカンプからのコーディング
https://test-net.site/

開発環境の設定 (VSCode/Cursor)

  • 適切なソフトウェアとツールをインストールし、効率的なWeb開発のための環境を構築します。Web制作で必須のプラグインを共有いたします。

Viteを使った魅力的な開発

  • Viteは高速な起動時間とホットモジュールリロードを特長としており、開発プロセスの効率化に貢献します。初心者にも理解しやすいシンプルで直感的な設定オプションを提供する一方で、経験豊富な開発者には高い柔軟性を提供します。さらに、Pug、Scss、TailwindCssなど、多様なモジュールを容易に開発に組み込むことができます。以下はViteで構築したテストサイトです。
    https://net-test-site.website/
    使用したモジュール
  • gsap アニメーション
  • lightbox2 画像のポップアップ
  • jquery-scrollify 1画面スクロール

HTML・CSSを徹底解説

  • ウェブページの基礎となるHTMLの構造と、デザインやスタイルを制御するCSSについて、基本から応用までを解説します。

Javascriptを解説

  • ウェブページにインタラクティブな動きや機能を追加するためのJavascriptの基本的な使い方や実装方法を学びます。

Gsapの導入

  • ウェブサイトのアニメーションを手助けする強力で柔軟なJavaScriptライブラリです。GSAPを使用することで、HTML要素、SVG、Canvasなど、さまざまなオブジェクトに対して複雑なアニメーションを簡単に実装することができます。

Scssを構築

  • CSSの拡張言語であるScssを導入し、より効率的かつ綺麗なスタイリングのための設定と構築を行います。

レスポンシブ対応

  • さまざまなデバイスサイズに適切に対応するデザインを実装します。これにより、スマートフォンやタブレットなど、異なるデバイスでの閲覧時にも最適な表示が保たれます。

Gitによるソール管理

  • Gitは、プロジェクトの履歴全体をローカルに保存します。これにより、過去のバージョンに簡単にアクセスしたり、変更を比較/復元することができます。

Wordpressのテスト環境の構築

  • Wordpressのテーマやプラグインの開発・テストを安全に行うための環境を構築します。

Worpressの機能を充実させよう

  • 既存の機能を強化したり、新しいプラグインを導入することで、Wordpressの機能を更に充実させ、より多機能なウェブサイトを構築します。

サービスの強み

  • クライアント様のニーズに合わせたロードマップを提供。
  • 質問し放題の個別対応。
  • 速やかなレスポンス:必ず当日中に返答。
  • チャット、動画、ビデオチャットを用いた分かりやすい解説で、課題を確実に解決。
  • 低価格でありながら、質の高さを保証します。

特典

今なら限定でWordpresssのオリジナルテーマの雛形並びにデザインカンプデータを無料で配布いたします。
さらに、当方が登録しているユーザースニペットを共有させていただきます。

※ プラン契約後の返金は基本行っていませんので、あらかじめご了承いただいた上での契約をお願いいたします。

メンタープロフィール

souichi_1977

契約実績:18
評価: 5.0

レビュー

石川 健二
★ ★ ★ ★ ★
石川 健二

細かい点まで丁寧に教えていただき、非常に感謝しています。
知識をわかりやすく説明していただきました。
また機会があれば、ぜひ指導を受けたいです。
ありがとうございました。

お忙しい中、このような貴重なコメントをいただき、誠にありがとうございます。
また、高評価もしていただき感謝しております。
石川様の今後のご活躍を心より願っております。
ありがとうございました。
岸田純子
★ ★ ★ ★ ★
岸田純子

一か月間本当にありがとうございましたm(__)m
とても丁寧で親切なメンタ-さんでした。

お蔭様で、たっぷりと勉強させて頂きました。
お値段以上のことを授業して下さり、とても感激致しました。
納得いくまで説明して下さり、参考資料も沢山アップ頂きまして、とても助かりました。

本当にお勧めのメンタ-さんです。
初心者の私でもWeb制作の大まかな概要が理解出来るように説明して下さり、今後の自信にも繋がりました。

またぜひともお願いしたいです!
その時はどうぞよろしくお願い致します!!

本当にありがとうございましたm(__)m

お忙しい中、このような貴重なコメントを頂き、心より感謝申し上げます。

何かお困りのことがございましたら、どうぞ遠慮なくお知らせくださいませ。

ありがとうございました。
このメンターの他のプラン
コーディングに関するお悩みを解決いたします
コーディングに関するお悩みを解決いたします
コーディングに関するお悩みを解決いたします
フリーランスWeb制作の案件受注まで伴走いたします。
フリーランスWeb制作の案件受注まで伴走いたします。
フリーランスWeb制作の案件受注まで伴走いたします。
WordPressとElementorの使い方講座 -ノーコードツール
WordPressとElementorの使い方講座 -ノーコードツール
WordPressとElementorの使い方講座 -ノーコードツール
あなたにおすすめの人気メンター
Ruby on Railsを用いたWeb開発のお悩み解決のお手伝いをします
Ruby on Railsを用いたWeb開発のお悩み解決のお手伝いをします
Ruby on Railsを用いたWeb開発のお悩み解決のお手伝いをします
5.0 (9)
【未経験者歓迎】プログラミングからキャリア相談まで(初心者向学習)
【未経験者歓迎】プログラミングからキャリア相談まで(初心者向学習)
【未経験者歓迎】プログラミングからキャリア相談まで(初心者向学習)
3.5 (27)
Webデザイナーやフロントエンドエンジニアを目指す方をサポートします!
Webデザイナーやフロントエンドエンジニアを目指す方をサポートします!
Webデザイナーやフロントエンドエンジニアを目指す方をサポートします!
4.7 (35)
【Rails】オリジナルのロードマップを作成し、エンジニア転職に向けた学習と就職サポートをします🔥
【Rails】オリジナルのロードマップを作成し、エンジニア転職に向けた学習と就職サポートをします🔥
【Rails】オリジナルのロードマップを作成し、エンジニア転職に向けた学習と就職サポートをします🔥
4.8 (359)
iOS・Androidアプリ開発全般&アプリの運用・グロース・収益化などをアドバイス・サポートします
iOS・Androidアプリ開発全般&アプリの運用・グロース・収益化などをアドバイス・サポートします
iOS・Androidアプリ開発全般&アプリの運用・グロース・収益化などをアドバイス・サポートします
5.0 (1)
WEBデザイン・コーディング:サイト作成サポートします
WEBデザイン・コーディング:サイト作成サポートします
WEBデザイン・コーディング:サイト作成サポートします
4.8 (14)
【転職成功実績あり】Ruby on RailsやReactの学習ポートフォリオ作成サポート
【転職成功実績あり】Ruby on RailsやReactの学習ポートフォリオ作成サポート
【転職成功実績あり】Ruby on RailsやReactの学習ポートフォリオ作成サポート
4.9 (80)
【未経験対応🔰】スクール不要!独学エンジニア育成コース
【未経験対応🔰】スクール不要!独学エンジニア育成コース
【未経験対応🔰】スクール不要!独学エンジニア育成コース
4.3 (433)
個人ゲームアプリやWebサービスの喫茶店ガチレビューと、私ならではの情報提供
個人ゲームアプリやWebサービスの喫茶店ガチレビューと、私ならではの情報提供
個人ゲームアプリやWebサービスの喫茶店ガチレビューと、私ならではの情報提供
3.0 (2)
相談に乗ります
相談に乗ります
相談に乗ります
5.0 (1)
これからRuby on Railsを学び始めたい・学んでいるがメンターを探している方のフォローを致します!
これからRuby on Railsを学び始めたい・学んでいるがメンターを探している方のフォローを致します!
これからRuby on Railsを学び始めたい・学んでいるがメンターを探している方のフォローを致します!
5.0 (4)
CADなんでも相談ルーム
CADなんでも相談ルーム
CADなんでも相談ルーム
5.0 (2)
Laravel、AWSのことならおまかせ!
Laravel、AWSのことならおまかせ!
Laravel、AWSのことならおまかせ!
4.4 (21)
Wordpressサイト立ち上げ/SEO対策/ブログアフィリエイトの副業相談
Wordpressサイト立ち上げ/SEO対策/ブログアフィリエイトの副業相談
Wordpressサイト立ち上げ/SEO対策/ブログアフィリエイトの副業相談
5.0 (18)
【未経験者・初級者歓迎 現役のWebデザイナが教えます】Webデザイナーになりたい方をサポート
【未経験者・初級者歓迎 現役のWebデザイナが教えます】Webデザイナーになりたい方をサポート
【未経験者・初級者歓迎 現役のWebデザイナが教えます】Webデザイナーになりたい方をサポート
4.8 (27)
【未経験歓迎】開発歴10年の現役フリーランスが独学やポートフォリオ作成・就職活動をサポート
【未経験歓迎】開発歴10年の現役フリーランスが独学やポートフォリオ作成・就職活動をサポート
【未経験歓迎】開発歴10年の現役フリーランスが独学やポートフォリオ作成・就職活動をサポート
4.9 (64)
【初心者から中級者もOK】プログラミング基礎からプロダクト開発を分かりやすくお答えます!
【初心者から中級者もOK】プログラミング基礎からプロダクト開発を分かりやすくお答えます!
【初心者から中級者もOK】プログラミング基礎からプロダクト開発を分かりやすくお答えます!
4.5 (12)
【初心者限定!】Ruby on Rails学習のサポート!単発相談、質問し放題、動画学習など5つのプランから選べます
【初心者限定!】Ruby on Rails学習のサポート!単発相談、質問し放題、動画学習など5つのプランから選べます
【初心者限定!】Ruby on Rails学習のサポート!単発相談、質問し放題、動画学習など5つのプランから選べます
4.9 (26)
【未経験者・初級者歓迎】プログラミングの初歩の初歩からサービス設計・グロース、転職・キャリア構築まで相談受けます
【未経験者・初級者歓迎】プログラミングの初歩の初歩からサービス設計・グロース、転職・キャリア構築まで相談受けます
【未経験者・初級者歓迎】プログラミングの初歩の初歩からサービス設計・グロース、転職・キャリア構築まで相談受けます
4.9 (62)
[未経験大歓迎]AWS、インフラ、サーバー、コンテナなどSREが現場で通用する技術をフォローします!
[未経験大歓迎]AWS、インフラ、サーバー、コンテナなどSREが現場で通用する技術をフォローします!
[未経験大歓迎]AWS、インフラ、サーバー、コンテナなどSREが現場で通用する技術をフォローします!
4.6 (262)

相談できます

souichi_1977

本人確認
契約実績
18
評価
5.0

ランサーズでの実績

受注数 20

もっと詳しく

スケジュール

最後までご覧いただき、ありがとうございます。お客様の課題を解決できるよう、一生懸命サポートいたしますので、どうぞよろしくお願い申し上げます。

返信スピード

24時間以内

※あくまでも目安となります

スキル
WordPress 〜3年
JavaScript 〜3年
git 〜3年
Pug 〜3年
SCSS 〜3年
すべて見る
このプランをシェアしよう!