CS511_Topic001

Brief Summary

This module provides an overview of the web development course, outlining the topics to be covered, including HTML, CSS, JavaScript, PHP, web application engineering, website security, web services, front-end and back-end frameworks, website hosting, and search engine optimization. The course is divided into two parts: basics and advanced topics, using "Fundamentals of Web Development" by Randy Cannoli and Ricardo Hore as the primary textbook, supplemented by online resources like thskools and Mozilla Developer Network (MDN).

  • Course divided into two parts: basics and advanced topics.
  • Covers HTML, CSS, JavaScript, PHP, and more.
  • Includes web application engineering and website security.
  • Discusses front-end and back-end frameworks like Angular, React, Vue, and Nut JS.
  • Mentions website hosting and search engine optimization.

Course Introduction and Outline

The course is structured into two main sections: foundational concepts and advanced topics. The basics will cover how the web and internet function, HTML (starting from the fundamentals), CSS for styling and animations, and JavaScript for interactivity and full-stack development. The course will also address creating dynamic web pages using PHP and fetching data from databases to display content on web pages.

Advanced Topics

The advanced section includes web application engineering, covering different architectures and patterns. Website security will be addressed to prevent attacks through secure coding practices. Web services will be explained, detailing how to execute functions on remote machines and display data in various applications (websites, mobile apps, games, etc.). Front-end frameworks like Angular, React, and Vue, along with back-end frameworks like Nut JS, will be explored to enhance web page updating and module management.

Website Hosting and SEO

The course will cover website hosting and deployment. Additionally, it will touch on search engine optimization (SEO) to improve website ranking through search engines.

Textbooks and Online Resources

The primary textbook for the course is "Fundamentals of Web Development" by Randy Cannoli and Ricardo Hore, published by Pearson Education. Additional resources include thskools for learning materials and tutorials, and the Mozilla Developer Network (MDN) for formal specifications of HTML tags and browser support information. For framework-specific documentation, the React GS website is recommended. The course material is provided by Pearson Education, with slight modifications to the slides.

Summarize any YouTube video in seconds

Get summaries like this one for any video, in your language, with the free Summ app.

Download on the App Store
Get it on Google Play

Transcript

Full transcript of “CS511_Topic001”. Click a timestamp to open the video at that moment. Need another video? Use the YouTube transcript generator.

0:01 Dear students in this module we are going to get an overview about this course what are the topics we are going to study in this course and what text books are we going to follow in this course so let's start with the outline of the course this course is divided into two parts one covers the background and basics and the second part will cover the advanced topics in the basics we will see how the web and internet works then we will cover the HTML language we will not go into too much depth of HTML language

0:50 because in this semester you will have a little idea of ​​HTML but still we will start it from the beginning then after that we will see how we do the colors and bursts and different animations that you see in the web pages and we do it through cascading style sheet which is called CSS and after CSS we will talk about an important topic We will move towards this which is called JavaScript. JavaScript was used only to make web pages interactive in the beginning of the web, but now its role has

1:35 increased much more than interactivity. We also use it for full skill development and full stack development. We will learn a little bit about it and after JavaScript, we will see how to create dynamic pages in the web. In that, we will cover PHP and then we will see that if we have to fetch data from a database and display some content on its base on the web page, then how will we do that. So we will have the basics and after that we will cover some advanced topics. In the advanced topics, we will see how we do the engineering of web applications. In that, we have

2:22 different architectures and different patterns. We will study them and after that, we will see how to make websites secure. If we do not secure our website, then we will be able to secure it. Remain prone to attacks. So we will see how we can program and code websites in a way that they are secured. After website security, another important topic that we have is web services. What is web service basically? Let's say you have to execute a function and it is located on a remote machine. Now

3:09 you have to send a request there and fetch the data from there and display it in your application. So that application does not need to be a website, it can be a mobile application, a game or some desktop application. So the technology that we use in it is the same that we use in the web. We will cover web services. After web services, in the last topic we have done a lot of work on front end frameworks and back end frameworks. What are these instead of having a web page that you can see, you click on it here and after that you have Open a new web

3:57 page, what you do is that on the web, all the things that you have to appear on the web page start appearing to you. After that, when you click on any place, only the one module that needs to be updated will be updated. So for that, we definitely use front end frameworks. Similarly, we also use back end frameworks. The popular ones in front end frameworks are Angular, React, Vue. Apart from this, you will find many other frameworks and in the back end frameworks, we have Nut JS, which is a popular framework. So these are a little advanced topics, we will cover them. After that, we will see how we host websites.

4:44 We have deployed them. At the end of the course, we will see that if we want to increase the ranking of our website through search engines, then search engine optimization is used for that. We will discuss it. So this is the outline. Of the course that we are going to cover and as you were told that we will divide it into two parts, the main one will be the basics and the other will be the advanced topics. The text books that will be followed in this are Fundamentals of Web Development by Randy Cannoli and Ricardo Hore. Pearson has

5:30 published this. Apart from this, there are some things, some websites where you can go and learn things by yourself or if you want to see the details of the things that we will discuss in the class, if you want to learn similar things, then you can go to these websites and see them. The first one is thskools. Here you will get a lot of learning material, you will get tutorials. For reference, I will recommend you to use the documentation of Mozilla Developer Network or MDN. The way we are learning HTML, in that we have a tag, there is an image tag or an anchor tag. Now you have to see its formal specification. What do we have in it, how can we use it and which

6:16 browsers support it at what level, what is the standard, you will get information about that from Mozilla Developer Network, so for reference you have to use MDN, which is the developer network. Apart from that, when we are using frameworks, if we cover React, then inside that you have React GS website, very good documentation is given on it, you can cover that. One thing which is very important to mention here is that I am thankful to Pearson Education for providing excellent material for this course. Along with this tech books, slides have been given. We have changed the format of these slides a little bit, but the material that we have is provided by Pearson Education,

7:02 so I hope this course will be a good learning experience for us. Thank you.

Share

More video summaries