1
00:00:00,030 --> 00:00:04,230
Hey guys, welcome to Day 41 of 100 Days of Code.

2
00:00:04,860 --> 00:00:09,090
Now in the upcoming modules, we've got something a little bit special for you.

3
00:00:09,570 --> 00:00:13,770
We're going to be learning about how to create websites using Python,

4
00:00:14,070 --> 00:00:16,830
as well as how to scrape websites for their data

5
00:00:17,310 --> 00:00:22,290
using tools like Beautiful Soup and Selenium. But before we can do that,

6
00:00:22,410 --> 00:00:27,410
we first have to fully understand the foundations and that involves how to

7
00:00:27,420 --> 00:00:29,940
create websites with basic HTML.

8
00:00:31,110 --> 00:00:35,340
Before we get started doing all of these web-related Python things,

9
00:00:35,670 --> 00:00:40,410
I first want to make sure that you have a good foundation in constructing

10
00:00:40,410 --> 00:00:45,410
websites. Now in order to create websites and to really understand how to work

11
00:00:46,080 --> 00:00:49,170
with websites, we first have to have a good,

12
00:00:49,230 --> 00:00:52,710
solid understanding of HTML and CSS,

13
00:00:52,800 --> 00:00:55,680
the building blocks of any modern website.

14
00:00:56,190 --> 00:00:58,350
So that's why over the next few days,

15
00:00:58,650 --> 00:01:03,650
I'm providing you access to the first four modules of my complete Web

16
00:01:03,660 --> 00:01:04,740
Development Bootcamp.

17
00:01:05,640 --> 00:01:10,170
This is the highest rated web development course across Udemy and the

18
00:01:10,170 --> 00:01:10,950
internet.

19
00:01:10,950 --> 00:01:15,060
And it will provide you with all of the skills that you'll need in order to

20
00:01:15,060 --> 00:01:20,060
fully understand how a website is constructed from scratch. Over the next four

21
00:01:20,910 --> 00:01:24,990
days, you are going to be learning introductory and intermediate HTML,

22
00:01:25,320 --> 00:01:28,620
as well as introductory and intermediate CSS.

23
00:01:29,100 --> 00:01:33,780
And these two can be considered another two additional programming languages.

24
00:01:34,290 --> 00:01:36,840
But don't worry. I'm going to guide you through step by step

25
00:01:36,870 --> 00:01:41,220
how these two languages work and how you can use them to construct beautiful

26
00:01:41,220 --> 00:01:42,053
websites.

27
00:01:42,600 --> 00:01:47,010
One of the first websites you are going to be building today is a CV website.

28
00:01:47,280 --> 00:01:49,890
So somewhere that you can put onto the internet,

29
00:01:49,980 --> 00:01:51,990
all of your skills and your education,

30
00:01:52,350 --> 00:01:56,250
and you can send to any potential employer, not only saving trees,

31
00:01:56,280 --> 00:01:59,970
but also demonstrating your skills. In the course,

32
00:02:00,000 --> 00:02:04,380
you'll see that the code editor I'm using is Atom. So you can,

33
00:02:04,380 --> 00:02:09,380
if you want to, head over to atom.io and download the version for your operating

34
00:02:09,690 --> 00:02:11,430
system. However,

35
00:02:11,460 --> 00:02:16,080
remember that you already have a really powerful code editor. In fact,

36
00:02:16,080 --> 00:02:19,650
it goes beyond a code editor. It's an intelligent development environment,

37
00:02:19,920 --> 00:02:23,340
PyCharm, and you can create websites in PyCharm

38
00:02:23,340 --> 00:02:26,430
just as easily as you create Python project.

39
00:02:26,760 --> 00:02:29,790
All you have to do is create a new project as you have done,

40
00:02:30,150 --> 00:02:34,890
and then create a new file. And depending on the file type, so for example,

41
00:02:34,890 --> 00:02:37,320
if we want to create an HTML file, then,

42
00:02:37,680 --> 00:02:41,970
then we'll add the .html ending to the file.

43
00:02:42,450 --> 00:02:44,460
And if you want to create a CSS file,

44
00:02:44,490 --> 00:02:49,290
it's also as simple as creating something .css.

45
00:02:50,010 --> 00:02:52,980
Now, when you create your index.html file

46
00:02:53,100 --> 00:02:55,950
as you're creating your website by writing HTML code,

47
00:02:56,220 --> 00:03:01,120
you can actually view your website by clicking on the browser of your choice.

48
00:03:01,180 --> 00:03:04,780
And it'll show you your live website, which is a really neat touch.

49
00:03:05,200 --> 00:03:08,200
And it's something that you won't get with simpler tools like Atom.

50
00:03:08,950 --> 00:03:12,190
But Atom is free to download as well. So if you wanted to give it a spin,

51
00:03:12,280 --> 00:03:13,600
then feel free to do that.

52
00:03:14,320 --> 00:03:19,150
The final alternative and the one that you're probably already familiar with is

53
00:03:19,180 --> 00:03:23,920
you could also just create your project in Repl.it by simply searching for

54
00:03:23,950 --> 00:03:28,900
HTML, CSS, JS and this will be your new Repl.it project.

55
00:03:31,510 --> 00:03:36,160
And here you can create any type of new file; HTML, JavaScript or CSS,

56
00:03:36,550 --> 00:03:38,590
and you'll have some starting code to work with

57
00:03:38,890 --> 00:03:40,240
which will make it a little bit easier.

58
00:03:40,480 --> 00:03:45,130
So the choice is yours. PyCharm, Repl.it, or atom. It really doesn't matter.

59
00:03:45,190 --> 00:03:48,430
At the end of the day, it comes more down to what code you write

60
00:03:48,760 --> 00:03:52,630
and understanding how the code works rather than which tool you decide to

61
00:03:52,630 --> 00:03:56,980
use. So I'll leave the choice up to you. And in the next lesson,

62
00:03:57,040 --> 00:04:00,610
we're going to get started by learning about how the internet works.