A course that covers all aspects of professional website creation: prototyping, working with graphic editors, editing templates, setting up hosting and server. As part of the course, students will work with Sketchup, HTML and CSS, WordPress, and get to know Photoshop.

 

The course consists of four blocks:

 

1) Website design, development of its prototype, business model

2) Search for style and website design creation.

3) Project layout (HTML and CSS)

4) Work with databases and content management system

 

At the site design stage, we will think over the structure of the project, analyze which sections on the site are needed and why. Then we will create an algorithm / project schema and write the relationship between the pages.

 

At the stage of creating a site design, a student will receive basic skills in a graphic editor. We will analyze the various options for website design, we will look for the advantages and disadvantages of each, learn how to improve the design. We will also study typography and font choice, the use of icons, pictograms and backgrounds. As a result, we will create different versions of the page to meet the requirements of responsive design.

 

The third stage - the layout of the project - is writing a site code for HTML and CSS. We will transfer the design of the site drawn by us into code pages. We will study what a server, hosting, domain is and post our first project on the Internet.

 

The webmaster should understand the entire internal site management structure, so in the fourth stage we will learn how to use MySQL databases, run the site on WordPress, create subsections and change information on the project, using the capabilities of this control system.

 

During the course, the student will create one or more full-fledged sites and put them on the Internet.

 

The course is designed for 3 months.

 

Age of students: 10-14 years

 

Number of people in a group: up to 10 people

 

How do we understand that a student has mastered the program?

During training, we evaluate both the practical side of the question (how to do it?) And understanding of the topic (why and why).

 

Students demonstrate their knowledge by solving problems in their own way, explaining algorithms in their own words, helping classmates to correct mistakes and creating presentations on their completed projects.

​

Web programming topics

 

1. HTML - The language that underlies every page on the Internet

 

2. CSS - The basic style language, allows you to design created in HTML

 

3. Basics of javascript - Consider the basic principles of programming on the example of JavaScript

 

4. JavaScript, working with the object model of the document - Here we will learn using JavaScript to manage the page: hide and show elements, move them and change

 

5. JavaScript, Events - Learn to respond to user behavior and actions. Now our programs will really come to life. We learn to make pages of any complexity, with any number of columns, respond to user actions, make drop-down menus and hiding elements.

6. Visual effects - shadows, rounding, transformation. UX / UI design. Prototyping Rendering layout in Adobe Photoshop.

7. Layout layout of the real site

 

8. javascript. jQuery - jQuery - the most popular library, allows you to simplify and improve the code

 

9. Final project. We define and develop an idea for the final project.

We analyze how programs can work without an interface, why it is needed and how to use it. Server, command line.

 

10. Spread the result in the network