トラックノーコードウェブサイト開発 - 修了証付きオンライン学習

ノーコードウェブサイト開発

Beginner

0.0

0 reviews

6 Learners

Updated 11/2025

ノーコードのウェブサイト開発を学び、Wix、Shopify、WordPressを使って初めてのウェブサイトを構築します。コードに触れることなく、計画、デザイン、カスタマイズ、公開までを習得し、最も人気のあるノーコードプラットフォームを使いこなしてプロジェクトを実現します。

Chapters

Learning hours

180

Assignments

AI Assistant

Shareable Certificate

成果

Track content

Related courses and projects

推薦の声

特徴

価格

成果

Track content

Related courses and projects

推薦の声

特徴

価格

学習内容

Planning and structuring a website effectively

Adding and organizing content and media

Creating essential pages and navigation menus

Building websites with WordPress, Shopify, and Wix

Optimizing websites for mobile and search engines

Enhancing functionality with plugins and apps

Customizing themes, layouts, and styles easily

Launching and maintaining websites confidently

Testing and deploying websites for real-world use

Learning track content

Explore the foundations of WordPress, learn how it works, choose the right hosting and domain, and get your site installed and ready to go.

Understanding WordPress

Preparing Your Environment

Installing WordPress

Exploring the Admin Panel

Learn the core elements of WordPress: the difference between pages and posts, how themes and plugins work, and how to use the block editor.

Pages vs. Posts

Exploring Themes and Plugins

Getting Started with the Block Editor

Structuring a Basic Page

Discover how to customize your site's appearance with themes, adjust layout and colors, create navigation menus, and add key pages using blocks.

Installing Astra

Importing a Starter Template

Creating Menus and Widgets

Editing and Customizing Pages

Enhance your site's functionality by adding essential plugins for contact forms, social sharing, and more—plus learn how to manage them effectively.

Deep Dive into WordPress Plugins

Adding Contact Forms

Social Sharing Plugin

Managing Plugins for Your Website

Get hands-on experience creating blog posts with the block editor. Learn how to add media, organize content with categories and tags, and publish posts.

Creating Posts with Block Editor

Adding Media to Posts

Organizing Posts with Categories and Tags

Previewing, Saving, and Publishing Posts

Explore important WordPress settings for site identity, visibility, comments, URLs, and media configuration to ensure a smooth and optimized experience.

Configuring General Settings

Adjusting Reading and Discussion Settings

Understanding and Configuring Permalinks

Managing Media Settings

Bring everything together in a real-world project. Build and launch a complete website using WordPress, covering layout, design, plugins, and testing.

Setting Up the Foundation

Customizing the Website Design

Installing and Configuring Plugins

Creating Essential Pages

Finalizing and Publishing the Website

Learn the basics of Shopify setup and theme customization. From creating an account to navigating the admin dashboard and theme structure, you'll build a foundation to customize your store and recreate the "Taste" theme.

Introduction to Shopify

Setting Up a Shopify Store

Mastering the Shopify Admin Dashboard

Shopify Theme Structure Basics

Build your store's foundation with key pages, media, and basic styling. Learn to create and edit essential pages like Home, About, and Contact, manage your media assets, and make simple CSS changes to personalize your store's appearance. Gain practical skills in handling theme assets to enhance both the look and functionality of your Shopify store.

Creating and Editing Pages

Uploading and Managing Media Content

Basic CSS Customization

Setting Up Shopify Navigation

Master the art of store customization with the Shopify theme editor. Explore how to tailor layouts, personalize theme sections, and create unique designs. Learn to set up and display product collections and configure product filters and sorting options to enhance your customers' shopping experience.

Building the Header

Creating and Managing Products

Grouping Related Products

Finalizing Store Layout

Take your customization skills to the next level with theme-specific tools and essential testing techniques. Learn to create animations, ensure responsiveness, and troubleshoot issues for a smooth user experience. Complete your journey with a final review and deployment to launch your customized Shopify store confidently.

Setting Up Payment Providers

Configuring Shipping and Delivery

Defining Store Policies

Launching and Monitoring Store Performance

Meet the Wix platform. Cover creating a Wix account, navigating the interface, and understanding the basic tools and features available. By the end of this section, you will be comfortable with the Wix environment and ready to start building your portfolio website.

Introduction to Wix

Creating a Wix Account and Getting Started

Navigating the Wix Dashboard

Exploring the Wix Editor

Customizing Backgrounds and Colors

Adding and Managing Multimedia

Planning is crucial for a successful website. This section guides you through planning your portfolio, including defining the website's purpose, identifying target audiences, and creating a site map. It ensures you have a clear vision and structure for your website before you start building.

Defining Your Website's Purpose and Goals

Identifying and Understanding Your Target Audience

Creating a Site Map for Better Navigation

Gathering and Organizing Website Content

Design is a key aspect of any portfolio. This section delves into the principles of good web design and how to apply them using Wix. You will explore how to customize your chosen template, create a cohesive visual style, and ensure your website is visually appealing and user-friendly.

Web Design Principles: Balance

Web Design Principles: Contrast

Web Design Principles: Alignment

Customizing and Personalizing Your Template

Choosing Fonts and Colors

Using Images and Graphics

Designing for Better User Experience (UX)

Content is the heart of any website. This section covers how to add and organize content in Wix. You will learn how to create and manage pages, add text and media, and ensure that content is organized and accessible.

Creating and Managing Website Pages

Adding and Editing Text Content

Uploading and Editing Images

Creating and Managing a Blog

Structuring Content for Accessibility

Wix offers a variety of apps and features that can enhance the functionality of your website. This section explores how to use these apps to add interactive elements, improve user engagement, and provide additional services to visitors.

Exploring the Wix App Market

Adding Contact Forms and Social Media Links

Using SEO Tools to Improve Visibility

Integrating E-commerce Features

Tracking Performance With Analytics Tools

With more people accessing websites on mobile devices, your portfolio must be mobile-friendly. This section covers using Wix's mobile editor to ensure your website looks and functions well on all devices.

Understanding the Basics of Mobile Optimization

Using the Wix Mobile Editor Effectively

Testing and Improving Mobile Usability

The final step is publishing your website and ensuring it remains updated and secure. This section covers how to publish your site, keep it updated, and implement security measures to protect your content and visitors.

Publishing and Launching Your Wix Website

Setting Up a Custom Domain Name

Keeping Your Website Updated and Maintained

Engaging and Interacting With Visitors

あなたのテックスキルを強化！

最大55％オフで

Features:

*Tracks not included in Pro plan

500+ 人気コース最先端のAIコパイロット

パーソナライズされた学習トラック40+ 実践的なプロジェクト

選択された割引イントロプランが終了する前にキャンセルしない場合、Codefinityが自動的に課金することを承認します $104 3か月ごと キャンセルするまで。キャンセルおよび返金ポリシーの詳細は、定期購読の条件.

Recommended Courses and Projects

test wix course

Description

test code

TEST SHORT VIDEO COURSE

TEST COURSE WITH ALL TYPES OF COLUMN CHAPTERS

test python course with 6 sections

Course without tasks for flow test

Course for E2E testing

Test mobile outline course

Super course

TEST PYTHON CASE STUDY

In the world of business, making decisions based on hard data rather than intuition can be the key to success. This course focuses on one crucial technique: analyzing A/B test data. The centerpiece of the course is a project where you'll conduct a detailed analysis of an A/B test. This project, which you can showcase in your CV, is hosted on Codefinity, allowing you to continually refine it and demonstrate your growing expertise.

TEST FREE COURSE

description

Testing Video Player

Test e2e new task ui

Some

TEST COLUMN AI ASSISTANT PYTHON

description

test typescript course

test

Discover more Learning Tracks

トラック

TEST TRACK 12

初心者

フルスタックウェブ開発

初心者

Become a React Developer 2024

中級

Mastering Data Visualization (2023)

中級

SQL from Zero to Hero 2023

初心者

С++ Essentials 2024

初心者

Python from Zero to Hero 2024

初心者

Machine Learning Mastery (2023)

中級

Python Beyond Intermediate

初心者

Unityによるゲーム開発

初心者

Become a Django Developer

上級

Flask for Dummies

中級

なぜ人々はCodefinityを選ぶのか

Web Developer

Kwizera Mugisha

The teaching methodology at Codefinity is excellent, and I particularly appreciate how it has prepared me to handle real-world coding problems. Currently, I am delving into Node.js and eagerly anticipate building full-stack projects that integrate all the knowledge I have gained.

Senior Business Analyst

Sherry Barnes-Fox

My first course was 4 hours, I did it in a few days, "nugget-style". The instructions are very clear and easy to understand. There is even a hint to help you get the answer. I love the learning style that is used, it engages me.

Accounts Payable Specialist

Bill Wagner

I have really liked the browser-based lessons that allow me to code within the lesson. The RUN button allows me to test the code I write before submitting for a grade.

IT Support Specialist

Daniel Chinea

I have gained a lot of practical and logical thinking skills, along with patience for myself and confidence in myself that I can learn programming. Years ago, I would have never thought that I could learn programming in any way, shape or form, and I was able to obtain these certifications and skills with Codefinity.

Technology Project Manager

Steve Bruening

The learning was progressive and made it easy to follow along and make progress. I could feel my skills increasing and building on each other as the course went along.

Project Manager

Stephanie Chan

As I went through the first course of the Python track, I liked the way the course was lay out (in easy and digestible modules) with little exercises at the end of each concept.

Step-by-Step to Stellar Results

インタラクティブなコーディング環境

インタラクティブな環境に飛び込み、リアルタイムのフィードバックと成果指標を活用してコードを書き、実行しながら一歩ずつ学んでいきましょう。

AI搭載のサポート

内蔵のAIアシスタントを活用してエラーの説明、修正案の提示、あるいはコードに関するあらゆる質問に答え、生産性を保ち、詰まることなく作業を進めましょう。

Check your progress

各モジュールの締めくくりとしてクイッククイズを実施し、即時フィードバックを受け、進捗を確認し、主要な概念を確実に習得できたかチェックしましょう。

Promote your expertise

修了後に業界で認められた証明書を取得し、ワンクリックでLinkedInに共有して、あなたの実力を周囲に示しましょう。