Yuri Filatov

Yuri Filatov


Website lesson 5: communication base

If you have done everything right before, then now you have the same website as in your own template.

Has work on HTML and CSS ended?

Of course, no. Your code is for no communication.
Just as an example, if you want to make a function that shows the items, you have to understand that there must be some place for your items. Just imagine it in your head: your items aren’t just placed, it can be kept in js in some mas and an empty div can be used to place them - like a rectangle to fill it.

Then, what for have you already printed your items?

It is a template and you will use it to know how to print in future: where, how many and so on.

Communication base

Maybe, you have a question: if we make a communication, then which tag communicates with the user?

Yes, it is not any tag like table or h1.

Firstly, ask yourself, how will it look?

  • A button, that on-click open filters to apply
  • Or a button that registrates a new user
  • A text area to keep information
  • Button to keep your choice
  • Button = like (color change and block on this button)

So, your template (both css and html) should have these forms

Moving to JS

JS - is real coding (like we need logic and math skills).
Firstly we make a goal (as in my template):

  • I want to apply filters for my items
  • I want to print my items with and without filters
  • I want to edit my item
  • I want to add a new item
  • I want to delete one item or delete them all
  • I also need a validating function not to catch mistakes
  • I want to keep my user’s information: name, surname and so on.
  • I want to react to posts: like.

Then, the first step is just to connect your empty js file with the html one. For this we in head write tag script and mention the name of the js file in src. Now, they are connected.

What is the structure?

JS is different from other languages. Forget about this hat, you don’t need to write any structure for coding.

What do we use script for?

  • There we write our functions
  • And we can also check our work by js.

You don’t need to compile, all you have to do is to open then your html file in the browser and check the console (ctrl+shift+c -> console)

First step

Check if everything okay, by imitating communication in your js file and check the console in the browser:

console.log("it works")

(yes, just put it into your file without any introductory code)

Understanding the usage of functions

If you want to write a function that sums 2 nums, so to output the result, what would you do?

just writing definite numbers and summing them every time… it is a little bit useless. For that we have functions - a general answer to all questions. (Result for every numbers to sum up)

function sum (a,b) {

return a + b


sum - name of your function

(a,b) - variables that will be sent to the=is function every time it is called

a+b - math solution for the problem, that will be returned.

Easy? Im pleasant

So how to see the result? Where is it returned to?

Call the function by using its name and variables or number to be sent.


We output the result of a function with data - 12 and 4. Check the console, it must be 16.

If you send another number, you won’t catch a mistake, try it.

Function - general for every number / variable.

Not print, but get

You can feel free to try these functions and output, but how to input?

var name = prompt("What is your name?");

Var - the sign of variable

name - name :)

Now your variable name contains a text. What can you easily study and try ?

  • Outputs and inputs (imitating communication with user)
  • All that you see in my link as a tutorial.

You have to understand what you are working with (not to learn every method). Why?

Then when you have a question “How to add a new item?” you have to understand that your items are a structure and you push a new one back, filling all appropriate variables with information and validating it.

Hopefully, it is all understandable and you will try your best with JS tutorials to know the base.

Next lesson, we will try real coding.

Good luck with your job!

Written by Yuri Filatov, IT Expert at Andersen

#java #html #css #tutorial

What is GEEK

Buddha Community

Website lesson 5: communication base
Rahim Makhani

Rahim Makhani


Get a Bug Free and smooth website with website Maintenance

Having a website for your own firm or business is very important as it can benefit you in many ways like your users can get 24/7 service from your company, you can exchange your information, it can help you to expand your business in the market. One must also maintain their website to keep it bug free and updated.

Your website should be bug free because if there is any bug in your website it will slow down the performance of it and will not even work properly if this happens then there are chances that you may lose your customers.

Are you searching for a company that can provide you with website support and maintenance? Nevina Infotech is the best company that can help you with the maintenance and support, as we have enthusiastic web app developers who can help you to maintain your website.

#website maintenance services #website support and maintenance #website maintenance support #website maintenance packages #website maintenance company #website maintenance plans

Security Website Design

As web developers, we strive to meet your specific needs by creating a website that is user-friendly and remains relevant to the current design trends. This ensures that your website grabs the attention of your audience and keeps you ahead of your competitors.

DataIT Solutions team of experts works collaboratively to create ideas that can meet your requirements. Our Website Designing Company believes in High-Quality Professional Website Designing for your Security Website Designing. Our designers have experience in working on a wide array of projects, including websites of the next generation. We listen to your needs and then deliver.

Our Expertise includes:

  • Dot Net Development
  • PHP Development
  • HTML5 Development
  • IOS App Development
  • Android App Development
  • Website Security services

Our team of experts has the expertise, knowledge, and skills to take control and dominate the web design industry over the next couple of years. They are on hand to listen to your ideas, goals, and help you to have a website that is unique and works with your business and brand.

Looking for a better design? Need a professional web design?
Get in touch with our, Web Design Professional experts.

#security website design #security website designing #security website designer #website designer #website designing #website design

Construction website design in the UK

The right construction web design firm can help ensure that a website converts visitors into clients or leads effectively, even on the first visit, through the proper use of site elements to lead visitors through a sales funnel. With an effective website, construction companies can easily showcase their portfolios as they work to generate more effective leads.

DataIT Solutions offers customized construction website design companies in the UK and digital marketing services. Whether you’re establishing a new online location or your current site needs a redesign, we work with you to produce exactly what you want and need.

We approach every project differently - we analyze and research your business and customer type to build and design the website around our analysis and what we feel will work best for your website and business and as standard, a website will benefit from all of the standard content management features.

What’s included in your website design packages:

  • Hosting and coding
  • Graphic design
  • Advanced analytics tracking
  • Optimization for SEO
  • Existing content import
  • New content creation
  • Lead form creation and tracking
  • Website compatibility across all browsers and devices
  • Integration with social media pages
  • XML sitemap creation and submission
  • And more!

Ready to start your website design project?
We’ll consult with you to scope out your website build requirements.
Request a Consultation.!!

#construction website design in the uk #construction website design #construction website #website design in the uk #website design #website designer

Rahim Makhani

Rahim Makhani


Maintain your website for a better user experience

If you are owning a firm and having a website for your own company then you need to maintain your website for a better user experience. As you know, how much a website is important for your company.

Website maintenance services is a task required to maintain your website and function properly and up to date. It involves regular updating and checking your website if there is any issue or bug it will be solved.

If you want to maintain your website and also need website maintenance services then you can contact our company that is Nevina Infotech. Our developers will help you to maintain your website through which your user experience can increase.

#website maintenance services #website support and maintenance #website maintenance support #website maintenance packages #website maintenance company #website maintenance plans

Rahim Makhani

Rahim Makhani


Website Support & Maintenance Service | Web Maintenance Company In India

The performance of the website leaves a major impact on the customer’s usage. As we all know the importance of the website in business and the effects it creates on the customers who visit your website.

Web performance is important for accessibility and also for another website that serves the goal of an organization or business. The good or bad performance of a website indirectly relates to the user experience as well as the overall performance of your business. This is why the maintenance of the website is a major thing to consider.

For website maintenance services you must contact Nevina Infotech that is the best company for website maintenance and services and has dedicated developers who will solve all the bugs from your website and improve the performance of your website.

#website maintenance services #website support and maintenance #website maintenance support #website maintenance packages #website maintenance company #website maintenance plans